IE中的不透明属性

时间:2010-07-27 10:43:52

标签: javascript css internet-explorer opacity

Curvy Corners是一个JavaScript库,允许IE理解边界半径CSS属性。是否有类似的JavaScript库为opacity属性执行此操作? ie9.js可以执行此操作,但在异步更新DOM后它不会重新应用。

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery之类的东西自己创建一个简单的补丁:

$('.your-elem').each(function(){
    $(this).css({opacity: 0.5});  // sets all elements with class .your-elem to 50% opacity
});

如果你需要的不透明度修复需要应用于PNG,那么我发现Unit PNG Fix能够很好地工作。它仅适用于IE6,但我已经通过6,7和8使用它没有任何问题。

如果PNG包含在您调整不透明度的元素中,上面的修补程序还允许您平滑地设置PNG的不透明度动画(没有这个,在更改期间会出现令人讨厌的黑色边框):

<强>标记

<div id="opacity-change">
    <img src="some.png" />
</div>

<强>的jQuery

$("#opacity-change").css({opacity: 0});
$("#opacity-change").fadeIn();

答案 1 :(得分:0)

这里有一些IE不透明度解决方案:http://www.impressivewebs.com/css-opacity-reference/。基本上是:

#myElement {
  filter: alpha(opacity=40);
}

还提到了javascript解决方案,包括Pat建议的内容。在上面的链接中发现了更多细节。