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

Question

我有一个“ float ”的固定位置 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>

我怎样才能只对 holder div 透明？

Answer 1

代替

opacity:0.8;
background: #fff;

使用

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

这样，应用在父级上的不透明度将不会从子级继承。
注:rgba()不适用于 IE<=8