不爱其亲,而爱他人者,谓之悖德。

CSS Sprites在IE6,7下的问题

技术文档 4839浏览 0评论

使用了PhilNa2的皮肤之后,在IE6和IE7下面,icon.gif这个图片会全部显示出来,css sprites的效果貌似失效了,在其他的浏览器下面一切正常。如下图:

但是我在IE6和IE7下面访问作者的网站好像又不会存在这个问题,访问自己的开发服务器上面的也不存在问题,同样地访问图片的页面,如:http://loosky.net/?attachment_id=1385 也不存在问题,其他的页面都会出现上图所示的情况,百思不得其解。

对比了一下,猜测可能是因为服务器系统的原因,包括操作系统和web服务器。于是乎我还将Nginx的版本升级到了最新的稳定版,重新写了相关代码,采取了我能想到的一切措施,但似乎都没有办法解决问题。头疼!!!

图片的显示是通过CSS Sprites的形式来定义的,是在icon这个class的基础上再进行精确定位。icon的定义如下:

.icon {
 background: url(images/icon.gif) no-repeat ;
}

理论上讲,不存在任何问题。但background中存在一个background-repeat的属性,是规定如何重复背景图像的。抱着试试看的想法,于是乎我重新改写了一下上面代码,如下:

.icon {
 background: url(images/icon.gif);
 background-repeat:no-repeat;
}

没想到问题迎刃而解了,同样的改写还解决了其他的一些小问题,从此整个世界清静了许多。浪费了我好几天的时间去折腾这个鬼东西啊,杯具。。。

转载请注明:自由的风 » CSS Sprites在IE6,7下的问题

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 哈哈哈,折腾的结果就是突然很虚,很阳痿

    老宋博客2011-01-12 19:22 回复