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小的文件大小。