Question

我在对话框中有两个div一个大整页和sub div中的大div 我希望当点击对话框显示显示对话框时，对于大的0.3不透明度和对于短div的1.0不透明度。但是当显示对话框时，所有div显示whit 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 div设置1.0不透明度但不起作用。

Answer 1

为大z-index:100;

设置div

为内部z-index:101;

设置div

Answer 2

您可以使用 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?

改变子div的不透明度

2 个答案: