如何删除 CSS 中的父级不透明度？

在我的 CSS 中，我有以下内容：

.Thing {
    filter: alpha(opacity=40);
    opacity:0.4;
    -moz-opacity:0.4;
}

.Thing button {
    filter: alpha(opacity=100);
    opacity:1;
    -moz-opacity:1.0;
}

然而，按钮的不透明度仍然是 0.4。然后我尝试opacity: 2这样，看起来我可以减少它的不透明度，但不能增加它。有没有办法删除它，或者我是否必须编写多个规则才能获取除按钮之外的所有内容？

我正在使用 Firefox 和 Chrome 进行测试。

use rgba with a rgb倒退。

background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.5); /*ie6 will ignore this*/

rgba只会对目标元素应用不透明度。

我最近一直在做的是使用rgbapng http://aaronrussell.co.uk/legacy/cross-browser-rgba-support/ sass http://sass-lang.com//compass http://compass-style.org/插件，它生成一个 png 图像，用作不支持 rgba 的浏览器的后备。

注意：您仍然需要使用 ie6 pngfix http://www.twinhelix.com/css/iepngfix/为了这个工作。