增加不透明度为一个CSS类

有没有一种方法来设置不透明度的CSS类，在jQuery的你可以这样做：增加不透明度为一个CSS类

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

什么办法？
我需要把这些属性放在一个css类中。

来源

2011-06-16 Ovi

当前跨浏览器兼容性需要不同的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来为你做这个，因为他们已经开发他们的方法在考虑多个浏览器坚持。

来源

2011-06-16 09:26:07

谢谢，如果我想使用jquery，我需要知道如何红色的这些属性后，坚持原来的。我怎样才能做到这一点？ – Ovi 2011-06-16 09:31:58

我不知道我明白你在问什么。 – 2011-06-16 09:33:13

我添加这些新的属性后，我有一些功能...之后，我需要删除我添加的属性。 – Ovi 2011-06-16 09:35:25

像这样：

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

的filter:alpha(opacity=40);是IE

来源

2011-06-16 09:24:26 Alex

是的，完全相同的方式就像你用jQuery做到了：

.className { opacity: 0.7 }

然而要注意这在Internet Explorer中不起作用，因此您需要添加另一个属性，filter: alpha(opacity=70)

来源

2011-06-16 09:24:50

谢谢，但它告诉我，这是不是一个已知的CSS属性。 – Ovi 2011-06-16 09:26:15

什么告诉你？ CSS3规范以不同的方式告诉我：http://www.w3.org/TR/css3-color/#transparency – 2011-06-16 09:27:46

没有像CSS类那样的东西（HTML有类，CSS有类选择器）。这听起来像你的意思是一个CSS规则集。

some selector { 
    opacity: 0.7; 
}

来源

2011-06-16 09:24:52 Quentin

这与上面的答案不矛盾吗？ – AlxVallejo 2012-05-01 16:34:06

不，它没有。 – Quentin 2012-05-01 16:44:44

要在所有主要浏览器设置不透明度请执行下列操作

HTML：

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

CSS：

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

来源

2011-06-16 09:31:49

增加不透明度为一个CSS类

回答

相关问题