PC上的浏览器可以正常显示,但是到了手机上就不显示了,古怪的问题花了我一晚上都没解决.

今天突然想到会不会是某些特立独行的了浏览器为了彰显个性,采用不同别人的解析方式呢?

我的原来CSS是这么写的:

background-color: #0000ffa8;

微信打开后,背景色没了,之前一直以为是这个属性没有奏效,其实是凑巧了,下面会说.

今天改了另一种表示方式,通过rgba的方式:

background-color: rgba(0,0,255,0.5)

嗯...居然显示了 !

然后我得弄清楚为什么啊.

仔细看两种表示方法,有了一个猜想,于是我试验了一个表示方法:

background-color: #0000ffff;

按道理显示效果应该是蓝色不透明,结果微信浏览器又没有背景色了...

到这里已经验证我的想法了

微信浏览器居然跟谷歌浏览器的解析方式不同,谷歌浏览器是把十六进制表示方法的最后两位当做透明度,而微信,居然取得是前两位 ! ! !

至此我有种想骂人的冲动.

为了兼容微信,我把十六进制的表示方法改成了rgba的方式.......

折腾死我了.