两个div上的不透明度

Question

我有两个div，看起来像这样

<div id="outer">
   <div id="inner>
   </div>
</div>

#outer {
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 opacity:0.50;
}

问题是我得到了不透明度并且在内部div中。我知道我可以将内部div放在外部div之外，但这对我来说不是解决方案

Answer 1

是的，因为你正在消失#outer以及里面的一切。

如果您只是尝试淡化背景颜色，您有两种选择：

1. 使用透明的.gif作为背景图片。
2. 使用rgba。 RG。 background-color: rgba(0, 0, 0, .6)等于黑色，不透明度为60％。

<强> * 修改 *

刚刚意识到它适用于Internet Explorer 6，下次请更清楚。 在这种情况下， rgba 将不起作用，所以放弃它。 您仍然可以使用透明背景图像，但是您需要一个jQuery插件来制作IE6支持.png图像。这是一个http://jquery.andreaseberhard.de/pngFix/

Answer 2

使用rgba背景颜色来设置不透明度 - 您的问题只是一个标准的CSS问题。