在低不透明度div中制作内容具有更高的不透明度？

Question

我有一个低不透明度的div，所以通过它可以看到背景。但是，我希望里面的内容具有完全不透明度。现在，我已将不透明度设置为内部div，徽标，完全不透明，但仍然具有低不透明度。

我的代码如下。

这是两个div的风格。

#container {
-moz-opacity: 0.48;
opacity: 0.48;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=48);
}

#logo {
-moz-opacity: 1.00;
opacity: 1.00;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
} 

这是我实施它的地方。

<div id="container">
<div id="logo">
<center><img src="logo.png" /></center>
</div>
</div>

Answer 1

尝试使用#container设置不透明度。这应该可以解决您的问题

background-color:rgba(r,g,b,0.48)