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

Question

我已经看到了一些允许PNG图像在Internet Explorer 6中具有透明度的修复程序，但我还没有找到一个允许您在CSS中设置背景位置的修复程序。如果你使用精灵，这是一个交易破坏者。我已经使用GIF（质量不高），根本不使用透明图像，或者为IE6提供完全不同的样式表。是否有IE6的修复程序允许PNG透明度和背景定位？

Answer 1

是。转换图像以使用索引托盘（png256）。你可以支持透明度（就像gif一样），但不支持alpha通道。

您可以使用Irfanview和pngout插件pngquant或pngnq执行此操作。

YUI表演团队也做了great presentation，涵盖了许多其他图像优化概念。

Answer 2

This是一种在过去一个月左右出现的新技术。从页面：

  

在此脚本中，支持图像标记，包括和不包含空格GIF，并且背景图像PNG可以定位，也可以重复，即使它们小于它们所在的内容元素。

Answer 3

当背景为静态时，我使用TweakPNG将PNG中的背景颜色块更改为正确的颜色（而不是默认的灰色）。任何常规浏览器都会忽略这一点，因为alpha通道会覆盖它，但IE6及更低版本将使用该颜色而不是alpha通道。

这意味着我们在IE7 +中具有透明性，同时在IE6中降级很好。所有css定位和重复都是可能的（因为没有黑客！）。

Answer 4

DD_belatedPNG.js效果很好

Answer 5

通过利用IE6的alpha过滤器和CSS clip属性，您实际上可以使用纯CSS来获取IE6中具有Alpha透明度的定位背景图像。 Julien Lecomte describes the technique on his blog。

请注意，此技术确实会导致每次使用Alpha过滤器时出现性能损失。

Answer 6

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