html - div の境界を除くすべての不透明度を設定する

Question

右、いくつかの div が必要です。その中のすべてが特定の不透明度を持ちますが、div の境界は正常です。不透明度をdivに設定すると、すべてに適用されることがわかりました。

そう。私は次のようにそれらを2つのdivに分割しようとしました:

<div id="border">
<div class="content">
hello
</div>
</div>

と

#border{
border: 1px solid #000;
}

.content{
opacity:0.1;
}

これにより、必要な不透明度が得られますが、適切な高さや幅がありません。#border で幅を定義したくありません（ランダムなサイズがあります）全画面幅で高さ0pxになるようです。

あるいは、誰かが別の方法を持っていますか?

ありがとう

score 1 · Accepted Answer

はい、使用します：

#border{ display: inline-block; }

widthまた、またはheightの宣言を削除するか、次のよう#borderに設定しますauto

score 0 · Accepted Answer

2 つの異なる div を使用する必要はありません! このCSS構文を使用してください：

.parent {
 border:1px solid black;
}
.parent .child {
 opacity:0.5;
}

すべての子要素にクラスを与えたくない場合は、 * セレクターを使用できます。

.parent * {
 opacity:0.5;
}

2 に答える 2