向 css 类添加不透明度

Question

有没有办法在 css 类中设置不透明度，在 jquery 中你可以这样做：

$(result).parent().css({ 'background-color': '#eeeeee', 'opacity': '0.7' })

任何方式？
我需要将这些属性放入 css 类中。

Answer 1

当前跨浏览器兼容性需要不同的 CSS 属性。

filter:alpha(opacity=50); // For IE
-moz-opacity:0.5;         // Older versions of Mozilla
-khtml-opacity: 0.5;      // For Safari 1.x (I believe)
opacity: 0.5;             // General usage

就我个人而言，我会坚持使用 jQuery 来为您完成此操作，因为他们已经在考虑多种浏览器的情况下开发了自己的方法。

Answer 2

要在所有主要浏览器中设置不透明度，请执行以下

HTML:

<div class="opacityElement"></div>

CSS:

.opacityElement {
    filter:alpha(opacity=50);  // IE
    -moz-opacity:0.5;          // Firefox
    -khtml-opacity: 0.5;       
    opacity: 0.5;         
}

Answer 3

像这样：

.myClass{
  opacity:0.4;
  filter:alpha(opacity=40);
}

filter:alpha(opacity=40); 适用于 IE

Answer 4

是的，与使用 jQuery 完成的方式完全相同：

.className { opacity: 0.7 }

但请注意，这在 Internet Explorer 中不起作用，因此您需要添加另一个属性 过滤器：alpha（不透明度=70）

Answer 5

不存在 CSS 类这样的东西（HTML 有类，CSS 有类选择器）。听起来你的意思是 CSS 规则集。

some selector {
    opacity: 0.7;
}