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中无效，因此您需要添加其他属性filter: alpha(opacity=70)

Answer 5

没有CSS类（HTML有类，CSS有类选择器）。听起来你的意思是CSS规则集。

some selector {
    opacity: 0.7;
}

将不透明度添加到css类

5 个答案: