【发布时间】：2014-12-19 16:33:08
【问题描述】：
IE6 是否支持 css-sprites？
【问题讨论】：
标签： internet-explorer-6 css-sprites
【发布时间】：2014-12-19 16:33:08
【问题描述】：
是的，IE 6 支持精灵，但不支持 24 位 PNG 透明度。
我使用这个 css hack 给 IE
background-image:url(/images/sprites/icons-sprite.png);
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */
【讨论】：
您也可以使用胶水http://gluecss.com/ 这是一个用于生成精灵的开源命令行工具。
【讨论】：
CSS sprites 是使用背景位置的通用解决方案，即使在 IE5 中也可用。
【讨论】：
我自己也遇到过 IE6 CSS sprites 问题 - I blogged it here:
有一个非常简单的解决方法 - 我在这里引用自己的话......
幸运的是，解决方案还不错。 Internet Explorer passim 似乎忽略了溢出：当子元素设置为位置时隐藏：相对。不是好消息......但解决方案很简单 - 将元素设置为 overflow:hidden 也为 position:relative ，然后将 child 的 position:relative 声明更改为 position:absolute... 工作很好。
可以在该链接上找到完整的详细信息。
【讨论】：
-
嗨史蒂夫，该链接已损坏（即不是stevefenton.co.uk/Content/Blog/Date/200905/Blog/… 的文章）
-
@DinisCruz 链接已修改，您可以阅读原文。
是的。如果你使用 PNG，你应该考虑一些事情。这是 IE 6 PNG 问题的一个不错的总结：
【讨论】：
是的。
CSS sprites 只是一种在背景图像上使用偏移来在不同元素中显示同一图像的不同部分的技术。
例如，我在我工作的公司的the website 上的主菜单上使用 CSS 精灵，在我自己的web site 上使用标志。我什至在它被称为 CSS sprites 之前就开始使用它...
【讨论】：
支持 background-position 属性的浏览器也将支持 CSS sprites。
CSS Sprites: What They Are, Why They’re Cool, and How To Use Them
请同时查看以下问题
【讨论】：
您可以使用在线sprites generator。其中有很多是免费的，而且大多数都支持所有浏览器。
【讨论】：
Sprites 可以在 ie6 中完美运行。但是 png 图像不起作用，所以使用 gif。如果您使用 Smush.it 处理 gif 以无损消除开销，您可能会获得比相应 png 更小的文件大小。
【讨论】：
-
为什么 png 文件不起作用？半透明的 png 看起来不太好，但 8 位的 png 可以像 gif 图像一样工作。