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

原创于 2013-01-17 13:26:34 发布 · 197 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #png #透明

js 同时被 2 个专栏收录

123 篇文章

订阅专栏

CSS

16 篇文章

订阅专栏

本文介绍了一种通过JS脚本来解决IE6浏览器下PNG图片无法正常显示的问题的方法，同时沿用了IE6特有的滤镜效果来增强用户体验。包括了如何检查浏览器类型、遍历元素并应用特定的CSS样式来实现兼容性处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!-- 第一种：直接用微软过滤放在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);
    	});
	}