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

Css 即使重置后仍继承不透明度,css,Css,我有一个“浮动”的固定位置div,点击标签就会显示出来。固定div中有一个表单按钮 现在,因为div可能显示在页面上的任何位置,当用户滚动页面时,我给它一个不透明度,比如说0.8。但是,我仍然希望div中的按钮完全不透明度(1),但它不会重置按钮不透明度 这是css #delHolder { width:280px; text-align:center; position:fixed; background:#fff; opacity:0.8; height:60px; top:1

我有一个“浮动”的固定位置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上有透明度?

而不是

opacity:0.8;
background: #fff;
使用

这样,应用于父对象的不透明度将不会从子对象继承。

注意:
rgba()
ie上不起作用,非常感谢。只要它允许我就接受!
background-color: rgba(255, 255, 255, 0.8);