CSS sprites和IE6

时间:2009-08-04 13:04:38

标签: internet-explorer-6 css-sprites

IE6是否支持css-sprites?

9 个答案:

答案 0 :(得分:10)

是IE 6支持精灵,但不支持24位PNG透明度。

我使用这个css hack来提供IE< 7一个gif文件和其他一切24位png透明。

background-image:url(/images/sprites/icons-sprite.png);
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */

答案 1 :(得分:4)

你也可以使用Glue http://gluecss.com/ 它是一个用于生成精灵的开源命令行工具。

答案 2 :(得分:3)

CSS sprites是一种使用background-position的通用解决方案,即使在IE5中也可以使用。

有关它们的好教程位于:http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

答案 3 :(得分:3)

我自己遇到了IE6 CSS sprites问题 - I blogged it here

有一个非常简单的解决方法 - 我在这里引用自己......

  

幸运的是,解决方案并不算太糟糕。 Internet Explorers passim似乎忽略了溢出:当子元素设置为position:relative时隐藏。不是好消息......但解决方案很简单 - 用溢出设置元素:隐藏也是位置:相对然后改变位置:相对声明孩子的位置:绝对...工作是一个好人。< / p>

可以在该链接上找到完整的详细信息。

答案 4 :(得分:1)

CSS sprites只是一种在背景图像上使用偏移量来显示不同元素中同一图像的不同部分的技术。

我使用CSS sprites,例如我工作的公司的the website上的主菜单,以及我自己web site上的标志。我甚至在它被称为CSS sprites之前就开始使用它了......

答案 5 :(得分:1)

支持background-position属性的浏览器也将支持CSS sprites。

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

请同时查看以下问题

CSS Sprites images rendered with bad quality in IE

CSS Sprite Help

答案 6 :(得分:1)

是。如果你正在使用PNG,你应该考虑一些事情。以下是IE 6 PNG问题的一个不错的总结:

http://24ways.org/2007/supersleight-transparent-png-in-ie6

答案 7 :(得分:1)

您可以使用在线sprites generator。有许多免费提供,大多数都支持所有浏览器。

答案 8 :(得分:0)

Sprites可以在ie6中完美运行。但是png图像不起作用,所以使用gif。如果您使用Smush.it处理gif以无损地删除开销,则可能会得到小于相应png的文件大小。