ie6 png透明不工作

Question

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

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

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

Answer 1

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

那说你应该首先避免使用这个黑客 除非确实必须使用PNG

，否则请使用.GIF

Answer 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

Answer 3

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

这里更快的解决方案是：

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

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

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