Eine Frage, über Hintergrund Overlay

Question

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

Es scheint mir, dass der innere Hintergrund die äußere überschrieben wird, warum ist es so konzipiert?

Answer 1

Die Hintergründe nisten ... Denken Sie an ein Stück Papier ..., wenn man sie stapeln, die erste und größte gezeigt wird, wenn die Größe des ersten dahinter kleiner als die, die gemacht wird, dahinter die, die den Raum in Anspruch nehmen. Transparenz arbeitet mit dem gleichen Prinzip.

Answer 2

, um die z-index-Eigenschaft verwenden, können Sie mehr Kontrolle darüber, wie Elemente überlappen; ist es jedoch nur als letzte Option zu empfehlen, wenn Sie ein absolutes positionierten Layout verwenden. sonst, Stick mit nativen HTML-Semantik und Best Practices auf Positionierelemente nachschlagen.