IE中的不透明属性

Question

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

Answer 1

您可以使用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();

Answer 2

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

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

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