jquery - Internet Explorer 上的透明 PNG 动画问题

Question

CSS 代码:

#btn{
  background: url(transparent.png) no-repeat;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

JavaScript/jQuery:

$("#btn").animate({opacity:1,"margin-left":"-25px"});

上面的代码在 Firefox、Chrome 和其他浏览器上没有任何问题。但它不适用于任何版本的 Internet Explorer。

问题是 PNG 图像渲染得很奇怪，透明 PNG 的背景看起来是黑色的。当我删除不透明效果时，没有问题。

解决办法是什么？

Answer 1

对我来说，它只在 jQuery 的 .animate() 函数中包含具有空白值的过滤器属性

也许这也适合你。


$("#btn").animate({opacity:1,"margin-left":"-25px", filter:''});


此外，您可能需要从按钮的 CSS 中删除过滤器属性。