-->

CSS sprites和IE6(CSS sprites and IE6)

2019-07-31 09:19发布

IE6是否支持CSS的精灵?

Answer 1:

是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 2:

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



Answer 3:

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

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



Answer 4:

我也遇到了IE6的CSS精灵问题我自己- 我在博客在这里 :

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

幸运的是,该解决方案是不是太糟糕。 互联网探索者各处似乎忽略溢出:当一个子元素被设置为隐藏位置:相对的。 不是一个好消息......但解决的办法很简单 - 与溢出设置元素:隐藏也的位置是:相对的,然后改变其位置:对孩子相对声明是位置:绝对...的就业机会goodun。

详细内容可以是链接上找到。



Answer 5:

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

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



Answer 6:

是。

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

我使用CSS例如精灵上的主菜单的网站在我工作的公司中,并以我个人标志的网站 。 我开始使用它之前,它甚至被称为CSS精灵...



Answer 7:

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

CSS精灵:它们是什么,为什么他们是冷静,如何使用它们

请看看下面的问题也

CSS精灵的图像呈现在IE质量差

CSS雪碧帮助



Answer 8:

你可以只使用一个在线精灵发生器 。 有这么多的人免费提供,其中大部分都支持所有浏览器。



Answer 9:

精灵可以在IE6完美地工作。 但一个PNG图像将无法正常工作,所以使用GIF。 如果处理GIF与Smush.it无损地除去开销,你可能会得到一个文件大小比相应的PNG小。



文章来源: CSS sprites and IE6