简单的问题(希望如此),但我却无法解决... 我有一个用于模态窗口的叠加层,将不透明度设置为.87,但是我的 div 元素似乎继承了该不透明度。
CSS:
HTML:
这里有一个fiddle(背景应该是纯白色,而不是混合的)。我做错了什么?
CSS:
body { background-color:black; }
#overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align:center;
z-index: 99;
background-color: black;
opacity:.87;
}
#overlay > div {
width:300px;
height:300px;
margin: 100px auto;
background-color: #fff;
border:1px solid #000;
padding:15px;
text-align:center;
opacity:1;
z-index: 100;
}
HTML:
<div id="overlay">
<div>some stuff here</div>
</div>
这里有一个fiddle(背景应该是纯白色,而不是混合的)。我做错了什么?