Is there any cross-browser javascript library to set and get opacity?

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

Is there any 开发者_JS百科javascript library I can use to get and set opacity to html element. Need handle Cross-browser problem.

JQuery - crossbrowser JS framework?

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

I always apply these 5 CSS elements, then you're safe in most browsers.

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 */

Use the Prototype Javascript library.

HTML:

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

JS

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