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

回答