手机浏览器,微信浏览器对background-color不显示的问题
PC上的浏览器可以正常显示,但是到了手机上就不显示了,古怪的问题花了我一晚上都没解决.
今天突然想到会不会是某些特立独行的了浏览器为了彰显个性,采用不同别人的解析方式呢?
我的原来CSS是这么写的:
background-color: #0000ffa8;
微信打开后,背景色没了,之前一直以为是这个属性没有奏效,其实是凑巧了,下面会说.
今天改了另一种表示方式,通过rgba的方式:
background-color: rgba(0,0,255,0.5)
嗯...居然显示了 !
然后我得弄清楚为什么啊.
仔细看两种表示方法,有了一个猜想,于是我试验了一个表示方法:
background-color: #0000ffff;
按道理显示效果应该是蓝色不透明,结果微信浏览器又没有背景色了...
到这里已经验证我的想法了
微信浏览器居然跟谷歌浏览器的解析方式不同,谷歌浏览器是把十六进制表示方法的最后两位当做透明度,而微信,居然取得是前两位 ! ! !
至此我有种想骂人的冲动.
为了兼容微信,我把十六进制的表示方法改成了rgba的方式.......
折腾死我了.