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