0

ポップアップを作成しています。すべて完了しましたが、背後にあるもの（bodyタグを使用）の不透明度を0.6にしたい場合は、ポップアップの不透明度も変更されます。ポップアップの不透明度以外のすべてがドロップされる場所にこれを作成するにはどうすればよいですか？- 前もって感謝します ：）

4

2 に答える 2

3

不透明度の代わりにrgbaを使用してみてください。

background-color: rgba(0, 0 , 0, 0.5);

それは：赤、緑、青、アルファ透明度の値

于 2012-05-03T23:12:06.057 に答える
1

さて、私はこの質問に興味があり、Stack Overflowのどこかで、子要素が親よりも不透明度を高くすることも、オーバーライドすることもできないことを発見しました（「公式」ソースではありませんが、私はそれを信じています）。

したがって、私が見た最善の回避策は、ポップアップを不透明度の低い要素の外側に配置することです。ポップアップを外に出すのは意味がないので、<body>すべてのコンテンツを1つのdivにラップして、ポップアップを外に置きます。例えば：

JSFiddleでbodyタグを表示できませんが、とにかくここにリンクがありますhttp://jsfiddle.net/qWRj5/1/

<body>
<div id="all">Lorem Ipsun Delores Sic Transit Glori Repium Sider Traministu 
Difirenziatum Tiramisu. Lorem Ipsun Delores Sic Transit Glori Repium Sider Traministu 
Difirenziatum Tiramisu. Lorem Ipsun Delores Sic Transit Glori Repium Sider Traministu 
Difirenziatum Tiramisu. 
</div>

<div id="popup">My Gosh, that is some awful Latin</div>
</body>

CSS

#all { opacity: 0.5 }
#popup { padding: 10px; border: 2px dotted blue; position: absolute; left: 20px; 
  top: 10px; background-color: #fce; }

</ p>

于 2012-05-03T23:10:35.227 に答える