css - 即使在重置后也继承不透明度

Question

我有一个“浮动”固定位置 div，它显示在标签的单击上。在固定的 div 中是一个表单按钮。

现在，因为 div 可能会显示在页面上的任何位置，并且当用户滚动其下方的页面时，我给它的不透明度为 0.8。但是，我仍然希望 div 内的按钮完全不透明度（1），但它不会重置按钮不透明度。

这是CSS

#delHolder { 
width:280px; 
text-align:center; 
position:fixed; 
background:#fff; 
opacity:0.8; 
height:60px; 
top:150px; 
left:50%; 
margin-left:-140px; 
z-index:2322;  
border-radius:8px;
}

#multiDel { position:relative; z-index:232323; opacity:1.0; }

.className { opacity:1.0; }

html 类似于：

<div id="delHolder"><input type="submit" class="className" id="multiDel"></div>

我怎样才能只对持有人 div 有透明度？

Answer 1

代替

opacity:0.8;
background: #fff;

采用

background-color: rgba(255, 255, 255, 0.8);

这样，应用于父级的不透明度不会从子级继承。
注意：rgba()不会工作IE<=8