CSS sprite和IE6

Question

IE6是否支持css-sprites？

Answer 1

CSS子画面是使用底色位置，这是avaible即使在IE5的通用解决方案。

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

Answer 2

是。

CSS子画面只是在背景图像，以使用偏移到显示在不同的元件是相同的图像的不同部分的技术。

我在我工作的公司的the website上使用CSS sprites，例如我自己的web site上的标志。我开始使用它之前，它甚至被称为CSS精灵......

Answer 3

浏览器支持背景位置属性将支持CSS精灵也。

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

Answer 4

是。如果您使用PNG，但您应该考虑一些事情。这里是IE 6 PNG问题像样的总结：

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

Answer 5

我也遇到了IE6的CSS精灵问题我自己 - I blogged it here：

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

幸运的是，该解决方案是不是太糟糕。 Internet Explorers passim似乎忽略了overflow：在子元素设置为position：relative时隐藏。不是好消息，但解决方案很简单 - 设置元素溢出：隐藏也是位置：相对，然后改变位置：相对声明对孩子是位置：绝对......工作goodun。

全部细节可以在链接上找到。

Answer 6

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

我使用这个CSS破解与透明PNG给IE < 7 GIF文件和其他一切24位。

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

Answer 7

您可以使用在线sprites generator。有这么多免费的，他们中的大多数支持所有的浏览器。

Answer 8

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

Answer 9

精灵可以在ie6中完美工作。但是一个PNG图片将不起作用，所以请使用gif。如果你使用Smush处理gif。它无损删除开销，你可能会得到比相应的PNG小的文件大小。