CSS精灵,jQuery fadeIn / fadeOut,透明PNG和IE:wtf?

时间:2011-06-07 04:58:46

标签: jquery css internet-explorer png sprite

我的情况可能是我曾经历过的最自虐的事情之一。

我有一系列使用jQuery在一段时间内淡入和淡出的图像。他们都是透明的PNG。因为我有兴趣优化我网站的速度,所以我认为如果我可以把所有的PNG都放在一个漂亮的精灵PNG文件中,这样会很方便,但仍然保留了透明度的好处。

当然,IE浏览器会出现问题:IE8似乎很难在不使用AlphaImageLoader的情况下渲染淡入淡出的PNG。然而,AlphaImageLoader的问题在于它忽略了像background-position这样的CSS属性,渲染CSS sprites无法渲染。

那里有什么奇妙的辉煌想法?

(我考虑使用'clip'CSS属性,但今天没有sprite生成器当前使用'clip'输出数据,并且手动编码它将是一个真正的PITA。)

1 个答案:

答案 0 :(得分:0)

有一些脚本可以帮助您修复IE png问题。这是我过去使用的一个。

IE PNG FIX