是否有针对IE6的JavaScript PNG修复程序,允许CSS背景定位?

时间:2020-03-05 18:59:43  来源:igfitidea点击:

我已经看到了一些允许Internet Explorer 6中使PNG图像具有透明性的修复程序,但是我还没有找到一个还可以让我们在CSS中设置背景位置的修复程序。如果我们使用Sprite,那就太麻烦了。我求助于使用GIF(质量不高),根本不使用透明图像或者提供与IE6完全不同的样式表。 IE6是否有允许PNG透明胶片和背景定位的修复程序?

解决方案

回答

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

我们可以使用Irfanview和pngout插件pngquant或者pngnq进行此操作。

YUI性能团队也做了出色的介绍,涵盖了许多其他图像优化概念。

回答

这是上个月左右出现的一项新技术。从页面:

In this script image tags are supported, both with and without a blank spacer GIF, and background image PNGs may be positioned, as well as repeated, even if they're smaller than the content element they're in.

回答

实际上,我们可以利用IE6的alpha过滤器和CSSclip属性,在IE6中使用纯CSS获取具有alpha透明度的定位背景图像。 Julien Lecomte在他的博客中描述了该技术。

请注意,此技术的确会导致每次使用Alpha滤镜时性能下降。

回答

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

这意味着我们在IE7 +中具有透明性,而在IE6及更低版本中则表现良好。并且所有css的定位和重复都是可能的(因为没有hack!)。

回答

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

回答

DD_belatedPNG.js效果很好