Una domanda sulla sovrapposizione di sfondo

Question

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

Mi sembra che lo sfondo interno sovrascriverà quello esterno, perché è progettato in questo modo?

Answer 1

Gli sfondi nidificano ... Pensa a pezzi di carta ..., quando li impili, viene mostrato il primo e il più grande, se la dimensione del primo viene ridotta rispetto a quelli dietro di esso, quelli dietro di esso occupano lo spazio. La trasparenza funziona con questo stesso principio.

Answer 2

l'uso della proprietà z-index può darti un maggiore controllo sul modo in cui gli elementi si sovrappongono; tuttavia, è consigliata come ultima opzione solo se si utilizza un layout posizionato in modo assoluto. altrimenti, attenersi alla semantica HTML nativa e cercare le migliori pratiche sugli elementi di posizionamento.