参见英文答案 > Specify parent divs opacity but make it not affect children HTML elements4个
所以我正在尝试创建一个像感觉一样的灯箱.我创建了一个#blackout div和一个#enlargedBox div. @H_403_3@#blackout div的不透明度设置为90％,因为我希望背景网站只显示一点,但我不希望我的#enlargedBox div使用相同的不透明度.似乎#blackout强迫自己的内容不透明.我怎么能阻止它？

<div id="blackout">
<div id="enlargedBox">
        <img src="" width="500" height="500" border="0" />
    </div>
</div>

@H_403_3@这是jsFiddle

@H_403_3@你会看到红色背景显示在白色#enlargedBox div上.

#blackout {
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    overflow:auto;
    z-index:100;
    background: rgba(0,.9);
}