单个标签的css不透明度

Question

我使用以下css使我页面主DIV中的所有项目都透明化：

#wrapper
{
    filter:alpha(opacity=90); 
   -moz-opacity: 0.9; 
   opacity: 0.9; 
}

这有效，一切都变得透明。但是，例如，我不希望文本，图像和按钮被透明化。我怎么能这样做？

Answer 1

你可以这样做：

#wrapper{
    color:rgba(255,255,255,0.9);
}

您必须使用rgba()来实现此目的。看看这个网站：

• http://www.css3.info/introduction-opacity-rgba/

我也遇到了这个问题并用rgba（）来解决它真的是解决这个问题的最佳方法。使用透明图像作为背景，在我看来并不像应该的那样灵活，当你可以用其他更简单的方式实现你想要的效果时，我真的反对使用图像。

Answer 2

您需要为包装使用透明背景（在png中），不要使用不透明度

Answer 3

子元素继承不透明度，您无法直接将其更改回来。但是有一种解决方法http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/