ie6 png透明不工作答案

【问题标题】：ie6 png transparent not workingie6 png透明不工作
【发布时间】：2010-08-17 07:30:27
【问题描述】：

<img src="/images/home-1a.png" id ="tab66"  alt="home" />

#tab66 {
 margin-left:0px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

这是我在 ie6 中的 png 图像代码，但它仍然不显示透明度

【问题讨论】：

IE6必死的原因之一。有几个fixes。
尝试了所有修复方法，但没有奏效

标签： internet-explorer-6

【解决方案1】：

试试这个 jQuery 插件： http://allinthehead.com/retro/338/supersleight-jquery-plugin

也就是说，您首先应该避免使用此 hack。
除非您真的必须使用 PNG

，否则请使用 .GIF

【讨论】：

【解决方案2】：

body{ background: #0D657B;}
.png_hack {
  margin:0 auto;
  width:400px;
  height:100px;
  background-image: url(Img/png.png) !important;
  background-image: none;
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Img/png.png');
}

它的作品 http://www.newstyleonline.net/post/ie6-png-hack.html

【讨论】：

【解决方案3】：

这是因为AlphaImageLoader 的工作方式与background-image 类似，在之后显示 img 标签内的图像 - 这里最常见的技巧是将 src="/images/home-1a.png" 替换为 1x1 像素的透明 gif。 p>

在这里为您提供更快的解决方案是：

<div id="tab66"></div>

#tab66 {
 margin-left:0px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
 width: Xpx;
 height: Ypx;
}

如果您想自动执行此操作，我建议您改用 DD_belatedPNG。

【讨论】：