JQuery解决IE6不支持透明png图片、png背景
2013-09-05 20:25
736 查看
ie6不支持png背景是常发生的事情了,现在我们直接利用jquery fixpng插件来解决这个问题,相对js来说简单了很多,有需要的朋友可参考。1,解决直接以 img 标签显示的png图片
2,解决以 透明png为背景 图片的情况
演示
把下面代码保存成jquery.pngFix.js文件,然后导入调用
$(document.body).fixpng({scope:’img’});可将body内的所有png图片显示为透明效果.
2,解决以 透明png为背景 图片的情况
$(‘div’).fixpng();可将所有 div 标签 背景图为png的变为透明
演示
<script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix(); }); </script>
把下面代码保存成jquery.pngFix.js文件,然后导入调用
(function($){var jspath=$('script').last().attr('src');var basepath='';if(jspath.indexOf('/')!=-1){basepath+=jspath.substr(0,jspath.lastIndexOf('/')+1);}$.fn.fixpng=function(options){function _fix_img_png(el,emptyGIF){var images=$('img[src*="png"]',el||document),png;images.each(function(){png=this.src;width=this.width;height=this.height;this.src=emptyGIF;this.width=width;this.height=height;this.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+png+"',sizingMethod='scale')";});}function _fix_bg_png(el){var bg=$(el).css('background-image');if(/url(['"]?(.+.png)['"]?)/.test(bg)){var src=RegExp.$1;$(el).css('background-image','none');$(el).css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizingMethod='scale')");}}if($.browser.msie&&$.browser.version<7){return this.each(function(){var opts={scope:'',emptyGif:basepath+'blank.gif'};$.extend(opts,options);switch(opts.scope){case'img':_fix_img_png(this,opts.emptyGif);break;case'all':_fix_img_png(this,opts.emptyGif);_fix_bg_png(this);break;default:_fix_bg_png(this);break;}});}}})(jQuery);
相关文章推荐
- 解决IE6下PNG图片背景不透明的三种方法(CSS/JS/JQuery)
- 完美解决ie6不支持png 透明图片 和标签背景的问题
- 解决IE6下PNG透明问题,支持平铺背景图片
- jQuery解决IE6下PNG图片背景透明问题
- 基于jQuery IE6下PNG图片背景透明问题解决方法
- 解决PNG图片在IE6下背景不透明的问题让IE6支持PNG透明背景
- 使用DD_belatedPNG让IE6支持PNG透明图片 及IE6下背景图闪烁问题的解决方法
- [Javascript] 解决 IE6 中 png 图片背景不支持透明效果的问题
- 轻松解决PNG图片在IE6中背景不透明方法
- JS解决PNG图片在IE6下背景不透明 DD_belatedPNG_0.0.8
- 【jQuery】解决IE6下PNG图片不透明的问题
- IE6不支持透明背景png图片
- 解决PNG图片在IE6中背景不透明的CSS与JS代码
- 解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背景不透明方法
- IE6下png图片和背景图片透明问题解决方法
- 浏览器不支持PNG图片背景透明的解决办法
- ie6下png图片背景不透明的解决办法使用js实现
- 使用滤镜解决IE6下PNG图片背景不透明的BUG
- 完美解决PNG图片在IE6中背景不透明的方法
- 解决IE6下PNG背景图片不透明方案