Una pregunta sobre la superposición de fondo

Question

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

Me parece que el fondo interno sobrescribirá al exterior, ¿por qué está diseñado de esta manera?

Answer 1

Los fondos se anidarán ... Piense en trozos de papel ..., cuando los apila, se muestra el primero y el más grande, si el tamaño del primero se hace más pequeño que los que están detrás, los que están detrás ocupan el espacio. La transparencia funciona con este mismo principio.

Answer 2

usar la propiedad de índice z puede darle más control sobre cómo se superponen los elementos; sin embargo, solo se recomienda como última opción si está utilizando un diseño en posición absoluta. de lo contrario, quédese con la semántica HTML nativa y busque las mejores prácticas en elementos de posicionamiento.