有没有跨浏览器的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 - 跨浏览器 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

使用原型 Javascript 库。

HTML：

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

JS

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