JQuery跨浏览器不透明度(fadeTo)IE 7& 8 png

时间:2011-12-09 22:15:21

标签: jquery cross-browser opacity

我知道这个主题已经在这里多次解决了,但是我的问题不同(或者我可能错过了某个地方?)。

我的问题是我需要一种跨浏览器的方式来设置不透明度,并且不要在透明的png(IE7和8)上显示黑色背景。

这里有几个建议:

$(this).fadeTo(0, 0.5);

但是就像我上面说的那样..它在png上显示为黑色。

感谢。

1 个答案:

答案 0 :(得分:2)

我认为这与fadeTo没有任何关系,这与元素的整体不透明度有关。基本上,你要做的是让IE了解PNG 的alpha通道,这样它就能理解应该透明的位,这需要一些特定于IE的CSS:

img {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

详细信息(只是几个链接;但如果您搜索“IE”“png”“透明度”,您将找到大量信息):