最近一直在调浏览器兼容的问题,问题千奇百怪,原因千奇百怪,现象千奇百怪:
今天遇到一个让我真心无语的问题,折腾了一上午,和大家分享一下:
描述一下我的问题:做了一个消息提示,但是发现,360 兼容模式,IE8 是没有提示的,也就是使用IE8 内核的浏览器都没哟提示,其他情况下都可以;
后来终于发现:
1.IE8 内核是不能识别transparent 的;
2. background: transparent url(../images/bbs_sprite.png)no-repeat 0px -1303px;
background: transparent url(../images/bbs_sprite.png) no-repeat 0px -1303px;
上面这两种写法看似是一样的,但是no-repeat 前面的空格至关重要,也就是IE8 对css 的格式要求比较高,必须加空格;
这个问题大家不是很容易发现,特地分享给大家