更改子div的不透明度

Question

我在对话框中有两个div，一个是大的整页，一个是短的div，我想在单击对话框显示对话框时显示对话框，其中0.3不透明度表示大，1.0不透明度表示短div。但当显示对话框时，所有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不透明度，为sub设置了1.0不透明度，但不是work。

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?

Answer 2

为大div设置z-index:100;

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