即使重置后仍继承不透明度

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