background: transparent url(../images/bbs_sprite.png)no-repeat 0px -1303px; IE8 兼容写法

来源：互联网发布：阿里云客服能用手机吗? 编辑：程序博客网时间：2024/04/30 01:51

最近一直在调浏览器兼容的问题，问题千奇百怪，原因千奇百怪，现象千奇百怪：

今天遇到一个让我真心无语的问题，折腾了一上午，和大家分享一下：

描述一下我的问题：做了一个消息提示，但是发现，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 的格式要求比较高，必须加空格；

这个问题大家不是很容易发现，特地分享给大家

0 0