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图片进行透明处理了。

posted on 2013-09-08 10:52  redasurc  阅读(286)  评论(0)    收藏  举报

导航