jquery切换和透明PNG

时间:2010-04-13 22:01:35

标签: jquery png transparent

我有一个jquery切换动画并显示DIV。我有一个透明的PNG,投影类型的背景图像,当它第一次出现时,我看到一个黑色的背景,然后它会在图像加载后消失......

有办法吗?那是一个bug吗?我的动画很慢,所以也许这与它有关。

我应该让它显示()吗?

1 个答案:

答案 0 :(得分:1)

这是IE中的一个错误。

当前版本的IE不支持opacity CSS proeprty,因此jQuery使用Alpha过滤器。但是,过滤器会强制元素完全不透明,因此它们无法与透明PNG一起正常工作。

要在半透明元素中使用透明PNG,需要使用AlphaImageLoader过滤器(即使在IE8中)应用PNG。例如:

if ($.browser.msie)
    $(something).css({
        background: 'none',
        filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Folder/Image.png", sizingMethod="scale"),alpha(opacity=100)'
    });

(此代码有效;我现在正在使用它)