html - 更改子 div 的不透明度

Question

我有两个 div 一个大整页和子短 div 在对话框中的大 div 中单击对话框显示显示对话框时我想要的大 0.3 不透明度和短 div 1.0 不透明度。但是当显示对话框时所有 div 显示白色 0.3 opacity 。我该如何设置？

代码

<div id="incomedialog" style="width:100%;position:absolute;height:100%;min-height:overflow:hidden;background-color:#7F7F7F;display:none;opacity:0.4;" >
<div style="text-align:right;width:600px;position:absolute;left:0;right:0;height:470px;min-height:overflow:hidden;300px;background-color:#EEEEEE;border:2px solid #CDCDCD;border-radius:3px;color:white;margin-left:auto;margin-right:auto;top:70px;opacity:1.0;">
</div>
</div>

我为大 div 设置了 0.3 不透明度，为子 div 设置了 1.0 不透明度，但不起作用。

Answer 1

z-index:100;为大而设div

设置z-index:101;为内部div

Answer 2

而不是opacity您可以为此使用rgba颜色属性。像这样写：

#incomedialog{
    background-color:rgba(127,127,127,0.4);
}

检查这个http://jsfiddle.net/Q7B9x/

在不影响 IE 8 中包含的元素的情况下检查此项以获得更多div 背景的不透明度？