CSS精灵，jQuery fadeIn/fadeOut，透明PNG和IE：wtf？

我的情况可能是我曾经遇到过的最受虐待的人之一。CSS精灵，jQuery fadeIn/fadeOut，透明PNG和IE：wtf？

我有一系列使用jQuery淡入和淡出一段时间的图像。它们都是透明的PNG。因为我对优化网站速度很感兴趣，所以我认为如果我可以将我的所有PNG都放入一个精美的PNG文件中，并保持透明度的好处，那将很方便。

当然，IE浏览器提出了一个问题：IE8似乎很难与渲染PNG的淡入淡出没有使用AlphaImageLoader。然而，AlphaImageLoader的问题在于，它忽略了像background-position这样的CSS属性，无法呈现CSS精灵。

那里有任何幻想的辉煌的想法？

（我使用“夹” CSS属性考虑，但没有子画面产生有今天用“夹”，而在手动编码这将是一个真正的PITA当前输出数据。）

我最常做的有变淡是具有相同颜色作为背景淡入上的图像的顶部一个div。那么你想有任何问题，即 – Ibu 2011-06-07 05:02:25

这不是一个不幸的选择，因为我有一个背后的PNG复杂的背景。 – 2011-06-07 13:30:11

在所有主流浏览器修复这些唠叨问题之前，我放弃了PNG，并将所有内容都转换回JPG和GIF格式。 – Sparky 2011-06-07 16:17:15

有脚本可以帮助你解决IE浏览器的问题。这是我过去使用的一个。

2011-06-07 15:47:36 Ibu

他已经在使用jQuery ......我认为IE中会自动修复PNG问题。 – Sparky 2011-06-07 16:18:19

这是正确的 - 如果有的话，一个jQuery插件将是可取的。 – 2011-06-07 22:40:10

这是否意味着你解决了你的问题？ – Ibu 2011-06-07 22:41:07

回答