Png在IE浏览器中的问题

Question

我在DIV中有一个png图像，用js代码淡入淡出。

这适用于IE浏览器以外的所有主流浏览器。 我测试了IE6,7和8，看起来都一样。

我甚至使用pngfix javascript代码进行了测试，但这根本没用。

png图像显示的是，但是粗糙的黑色边缘非常厚。

我尝试将png转换为GIF，但它看起来很糟糕。

我该怎么办？

由于

Answer 1

这听起来像旧的“IE透明PNG容器中的不透明度”错误。有关链接，请参阅here。

Answer 2

将图像设置为与图像尺寸相同的Div中的背景图像，并使用以下CSS：

.divBGImage {background-image:url(/images/image.png); 
    background-repeat:no-repeat;height:34px; width:255px;}
* html .divBGImage { background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/image.png', sizingMethod='crop');
     }

只是警告IE可以让PNG褪色。它会在制作动画时创建黑色轮廓。

您可以通过检查IE浏览器的IE是否使用不同的动画：

if（$ .browser.msie） { //糟糕浏览器的动画选项 } 其他 { //适当浏览器的动画选项 }