参见英文答案 >
Specify parent divs opacity but make it not affect children HTML elements4个
所以我正在尝试创建一个像感觉一样的灯箱.我创建了一个#blackout div和一个#enlargedBox div.
所以我正在尝试创建一个像感觉一样的灯箱.我创建了一个#blackout div和一个#enlargedBox div.
#blackout div的不透明度设置为90％,因为我希望背景网站只显示一点,但我不希望我的#enlargedBox div使用相同的不透明度.似乎#blackout强迫自己的内容不透明.我怎么能阻止它？
<div id="blackout"> <div id="enlargedBox"> <img src="" width="500" height="500" border="0" /> </div> </div>
这是jsFiddle
解决方法
只需使用rgba() –
DEMO
#blackout {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
overflow:auto;
z-index:100;
background: rgba(0,.9);
}
