是否有IE6的JavaScript PNG修復，允許CSS后台定位？

Question

我已經看到了一些允許PNG圖像在Internet Explorer 6中具有透明度的修復程序，但我還沒有找到一個允許您在CSS中設置背景位置的修復程序。 如果你使用精靈，這是一個交易破壞者。 我已經使用GIF（質量不高），根本不使用透明圖像，或者為IE6提供完全不同的樣式表。 是否有IE6修復允許PNG透明度和背景定位？

Answer 1

是。 轉換圖像以使用索引托盤（png256）。 你可以支持透明度（就像gif一樣），但不支持alpha通道。

為此，您可以使用Irfanview的和PNGOUT插件， pngquant或pngnq 。

YUI表演團隊也做了很好的演示 ，涵蓋了許多其他圖像優化概念。

Answer 2

這是一種在過去一個月左右出現的新技術。 從頁面：

在此腳本中，支持圖像標簽，包括和不包含空白間隔GIF，並且背景圖像PNG可以定位，也可以重復，即使它們小於它們所在的內容元素。

Answer 3

DD_belatedPNG.js效果很好

Answer 4

當背景是靜態的時，我使用TweakPNG將PNG中的背景顏色塊更改為正確的顏色（而不是默認的灰色）。 任何常規瀏覽器都會忽略這一點，因為alpha通道會覆蓋它，但IE6和更低版本將使用該顏色而不是alpha通道。

這意味着我們在IE7 +中具有透明性，同時在IE6中降級很好。 並且所有css定位和重復都是可能的（因為沒有黑客！）。

Answer 5

IE PNG Fix v2.0支持完整的alpha + position / repeat 。

Answer 6

通過利用IE6的alpha過濾器和CSS clip屬性，您實際上可以使用純CSS來獲取IE6中具有Alpha透明度的定位背景圖像。 Julien Lecomte 在他的博客上描述了這項技術 。

請注意，此技術確實會導致每次使用Alpha過濾器時出現性能損失。