html - 更改子 div 的不透明度

Question

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

代码

<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

您可以使用 rgba 颜色属性代替 opacity。像这样写:

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

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

查看更多 Opacity of div's background without affecting contained element in IE 8?