您的位置:首页 > Web前端 > JQuery

解决IE6下PNG透明问题

2010-05-13 16:24 274 查看
网上找到不少有关ie6下png透明问题的解决方案,但是很多都不能用。

 

最后通过一个jquery的插件完美解决了该问题:

项目地址:

http://jquery.khurshid.com/ifixpng.php

 

需要一个透明的gif文件,网站上有的下

 

// apply to all png images
$('img[@src$=.png]').ifixpng();

// apply to all png images and to div#logo
$('img[@src$=.png], div#logo').ifixpng();

// apply to div#logo, undo fix, then apply the fix again
$('img[@src$=.png], div#logo').ifixpng().iunfixpng().ifixpng();

// apply to div#logo2, modify css property and add click event
$('div#logo2').ifixpng().css({cursor:'pointer'}).click(function(){ alert('ifixpng is cool!'); });;


 

与其他解决方案不同的是该插件不会去对dom做改动(有些解决方案会把img标签改成span)

对于特定的情况这种方式比较好,尤其是跟其他jquery插件相结合,而那个插件又是基于img标签的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息