首页风格
门户
博客

分享一款让IE6支持透明背景PNG图片的jQuery插件

日期:2012/02/21  来源:GBin1.com

分享一款让IE6支持透明背景PNG图片的jQuery插件

在线演示  本地下载

大家都知道IE6不支持透明的PNG格式文件,如果你在IE6上查看PNG格式文件,会看到PNG文件都有一个灰底儿,非常影响UI外观,当然,好消息是微软不支持IE6了,而且很多开源的项目官方也不支持IE6,例如,著名的wordpress,但是由于国内使用盗版XP的人不在少数,所以,我们这里给大家介绍一款jQuery插件-SuperSleight ,帮助大家能在IE6上正确显示PNG格式图片,希望大家觉得有用,谢谢!

如何使用

倒入类库,如下:

<!--[if IE 6]>
<script type="text/javascript" src="/gbin1/common/js/supersleight.min.js"></script>
<![endif]-->

针对需要支持的页面元素应用插件,如下:

jQuery(function(){
$('#content').supersleight({shim: '/gbin1/common/images/x.gif'});
});

如果需要针对body,则

jQuery(function(){
$('body').supersleight({shim: '/gbin1/common/images/x.gif'});
});

这个jQuery插件的使用比较简单,但是注意,需要一个x.gif文件配合使用。你需要将这个x.gif上传到你的服务器,同时在jQuery插件使用代码中,指定文件位置,例如:

{shim: '/gbin1/common/images/x.gif'}

当然,这里还有很多其它的IE6 PNG Fix的脚本,大家可以比较后选择使用。希望对大家有帮助!

来源: 分享一款让IE6支持透明背景PNG图片的jQuery插件

喜欢我们的文章请您与朋友分享:

?ü?à

留言

今日推荐