是否有任何跨浏览器的JavaScript库来设置和获得不透明度？

Question

#a_div {
   background: rgba(200, 54, 54, 0.5);
   // IE 
    background:transparent;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
   zoom: 1;
}

我是否可以使用任何javascript库来获取和设置不透明度为html元素。 需要处理跨浏览器问题。

Answer 1

JQuery - crossbrowser JS框架？

$('#a_div').css({ opacity: 0.5 });

Answer 2

我总是应用这5个CSS元素，然后在大多数浏览器中都是安全的。

opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=75); /* IE lt 8 */
-ms-filter: "alpha(opacity=75)"; /* IE 8 */
-khtml-opacity: .75; /* Safari 1.x */
-moz-opacity: .75; /* FF lt 1.5, Netscape */

Answer 3

使用Prototype Javascript library。

HTML：

<div id="something">Hello</div>

JS

$('something').setOpacity(0.5);