是否有任何跨浏览器 javascript 库来设置和获取不透明度？答案

【问题标题】：Is there any cross-browser javascript library to set and get opacity?是否有任何跨浏览器 javascript 库来设置和获取不透明度？
【发布时间】：2011-01-27 19:23:27
【问题描述】：

#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 元素的不透明度。需要处理跨浏览器问题。

【问题讨论】：

哇...这就像问奥拉尔·罗伯茨是否知道救赎之道。

标签： javascript css colors cross-browser frontend

【解决方案1】：

JQuery - 跨浏览器 JS 框架？

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

【讨论】：

其他网站似乎同意 jQuery 在 IE 的基于过滤器的不透明度支持上抽象不透明度。

【解决方案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 */

【讨论】：

【解决方案3】：

使用Prototype Javascript library。

HTML：

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

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

【讨论】：