两个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和里面的一切 it。

如果你只想淡出背景色，你有两个选择：

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

*EDIT*

刚刚意识到这是针对Internet Explorer6的，请下次再清楚一点。在这种情况下，rgba将不起作用，因此放弃它。你仍然可以使用透明的背景图片，但是你需要一个jQuery插件来让IE6支持.png图片。这里有一个http://jquery.andreaseberhard.de/pngFix/

Answer 2

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