jquery 插件解决IE6 PNG不透明

png图片在IE7以下的版本,都会出现背景不透明的情况,这确实很让人郁闷,原来我们公司的美工也为这个问题困扰了好久,后来在网上找到了一段js,每当页面上有png图片的时候,那这个页面上就要加入那段又臭又长的js代码,很不爽~~


今天无意间在网上看到了这样一款Jquery解决PNG图片在IE低版本的浏览器上不透明的插件,看了下源码,感觉挺简单,使用起来也很方便,好东西不敢独享,于是拿来和大家一起分享了。

大家可以去这里http://jquery.andreaseberhard.de/pngFix/查看DEMO,这个插件使用比较简单,我就没自己花时间做DEMO了。

这个插件有如下几个特点:

  • 轻量级,使用非常简便
  • 不仅支持直接显示的图片,而且还支持css样式中的以png图片为背景的情况
  • 同样,图片链接也可以
  • TITLE, ALT, CLASS 和 STYLE-Attributes都不会丢失

使用方法很简单:

第一步:加载js文件
<script src=”jquery.pngFix.pack.js” type=”text/javascript”>
第二步:启用插件里面的方法
$(document).ready(function(){
$(document).pngFix();
});

OK了,这样就能为整个页面的png图片进行透明处理了。

转载于:https://www.cnblogs.com/redasurc/p/3308141.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值