Question

在我的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;
}

然而，按钮仍然是.4不透明度。然后我尝试opacity: 2等等，看起来我可以减少不透明度而不是更多。有没有办法可以删除它，还是我必须编写多个规则来获取除按钮之外的所有内容？

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

Answer 1

将rgba与rgb后备广告一起使用。

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

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

我最近在做的是使用rgbapng sass / compass插件，该插件会生成一个png图像，用作没有rgba支持的浏览器的后备广告。

注意：你仍然需要使用ie6 png fix来实现这一点。

Answer 2

不是opacity问题的解决方法，而是可能的解决方法。

如何从正常文档流中删除button，然后放回.Thing

像这样：http://jsfiddle.net/CqgkM/

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

2 个答案: