在IE6下如何解决PNG图片透明--这个很古老的问题,大家可能都已经知道解决办法了,但本人还是发表一下,推荐一下这个用jQuery实现的好方法,很不错。
原作者地址:jquery.andreaseberhard.de/pngFix/
翻译及整理:Beautycss
本方法介绍:
优点:1.HTML里的代码简洁,使用方便,兼容性好。
2.支持插入的PNG图透明,链接的PNG图透明,作为层背景的PNG图透明,作为按钮的背景PNG图透明等等。
缺点:PNG作为背景图透明, 需要给背景层设置与背景图相同的大小。如果层的尺寸大于背景图的尺寸,背景图会发虚。不过这也只是小问题,好解决。
使用方法:
1.只需要将以下几行代码放到HEAD区域就可以了。
2.需要的jquery-1.3.2.min.js和jquery.pngFix.js在下载的压缩包里有。
放入HEAD区域的代码:
XML/HTML代码
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>   
<script type="text/javascript" src="js/jquery.pngFix.js"></script>   
<script type="text/javascript">   
$(document).ready(function(){   
$(document).pngFix();   
});   
</script>
注:以上方法经过本人测试,保证没有问题。
jquery插件分享
文件下载:Download pngFix.zip
看原文请到原作者网站:jquery.andreaseberhard.de/pngFix/
后来我发现这个js有一个缺点:当一个PNG图片没有固定高和宽时会变小,不知道现在作者修改了没有。
后 来我发现了一个比较完美的解决IE6不支持PNGJS插件,position与background-repeat它支持backgrond- position与background-repeat.这是其他js插件不具备的.同时还支持a:hover属性。没这个强大但比这个完美些。可点击查 看。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。