是否有针对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效果很好