`

IE6不显示png图片的问题解决

阅读更多
<!-- 第一种:直接用微软过滤放在div背景里 -->
<div style="width:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kiosk/safety_pic.png',sizingMethod='image'")></div>


// 滤镜只支持IE6
<div style="width:100%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kiosk/safety_pic.png',sizingMethod='image'")>
// 图片支持非IE6的其他浏览器
  <img src="/images/kiosk/safety_pic.png" />
</div>

 

<!-- 第二种:沿用第一种观点,使用Js大批量处理 -->
// 解决IE6下面PNG无法显示的问题,添加滤镜效果
	if(_IsIE6()){
    	jQuery.each(jQuery(".bizDetailDiv ul li img"), function(i, v){
    		var img_src = jQuery(this).attr("src");
			var div_img = "<div style= \"width:100%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img_src+"',sizingMethod='image'\" />";
			jQuery(this).wrap(div_img);
    	});
	}

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics