png hack for IE6 - 最好的方法?

时间:2010-08-24 10:05:07

标签: css

我已经多年没有使用IE浏览器了解IE6。上次我使用了一个我用过的:

http://www.dillerdesign.com/experiment/DD_belatedPNG/

因为它支持透明png集上的背景重复/位置作为css中的背景。

周围有什么东西已成为我错过的行业标准吗?

3 个答案:

答案 0 :(得分:2)

我认为这个版本没有“标准”,只需使用适用于IE6用户的插件/替代/可能黑客。只要表现对您的目标受众有利并且没有其他问题,您就可以了。

我们所处的网站个人也在运行jQuery,所以this is what I used,如果这有帮助的话......我不记得任何问题。


我认为那些对标准化事物感兴趣的人已经尽可能地离开了IE6,那些坚持使用它的人(企业环境,主要是)正忙着试图找出生活讨厌他们的原因:)

答案 1 :(得分:1)

我们放弃了对背景使用PNG修复,它减慢了IE6的速度并且真的很慢。所以我们为IE6使用单独的图形和CSS(用透明层简化或展平)并使用IE条件注释链接这个特殊的CSS。

所有启动IE7的用户都将获得真正透明的页面,IE6用户将获得具有简化图形的页面,但没有任何讨厌的黑客。

答案 2 :(得分:1)

我最近开始使用Unit PNG Fix。正如尼克所说,这里没有标准,所以使用适合你项目的任何标准。

我喜欢单位PNG的原因是因为它允许透明.pngs上的不透明动画。通常这会在动画期间在.png周围创建一个可怕的黑色轮廓。要使其正常工作,您只需嵌套.png,然后在父元素上设置不透明度的动画:

<div id="toAnimate">
   <img src="awesome-transparent.png" alt=""/>
</div>

和jQuery:

$('#toAnimate').animate({opacity: 0});