0

ラベルをクリックすると表示される「フローティング」固定位置 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 のみを透明にするにはどうすればよいですか?

4

1 に答える 1

1

それ以外の

opacity:0.8;
background: #fff;

使用する

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

このようにして、親に適用された不透明度は子から継承されません。
注：rgba()動作しませんIE<=8

于 2013-01-21T11:01:00.627 に答える