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

时间:2008-09-17 19:14:07

标签: javascript css internet-explorer-6 png transparency

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

6 个答案:

答案 0 :(得分:7)

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

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

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

答案 1 :(得分:4)

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

  

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

答案 2 :(得分:2)

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

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

答案 3 :(得分:2)

DD_belatedPNG.js效果很好

答案 4 :(得分:1)

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

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

答案 5 :(得分:1)

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