css - 背景オーバーレイに関する 1 つの質問

Question

<div>
    <div>
         <div></div>
    </div>
</div>

内側の背景が外側の背景を上書きするように思えますが、なぜこのように設計されているのですか?

Answer 1

背景は入れ子になります... 紙を考えてください...、それらを積み重ねると、最初と最大のサイズが表示されます.最初のサイズがその後ろのものよりも小さくされる場合、その後ろのものはスペース。透明性もこれと同じ原理で機能します。

Answer 2

z-index プロパティを使用すると、要素の重なり方をより詳細に制御できる場合があります。ただし、絶対配置レイアウトを使用している場合は、最後のオプションとしてのみお勧めします。それ以外の場合は、ネイティブの HTML セマンティクスに固執し、要素の配置に関するベスト プラクティスを調べてください。