Uma pergunta sobre sobreposição de fundo

Question

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

Parece-me que o fundo interno irá substituir o exterior, por que é concebido como este?

Answer 1

O ninho fundos vontade ... Pense em pedaços de papel ..., quando você empilhá-los, o primeiro e maior é mostrada, se o tamanho do primeiro é feito menor do que os atrás dele, os atrás dele ocupam o espaço. Transparência trabalha com este mesmo princípio.

Answer 2

usando a propriedade z-index pode dar-lhe mais controle sobre como os elementos se sobrepõem; no entanto, só é recomendado como uma última opção se você estiver usando um layout absoluto posicionada. caso contrário, vara com a semântica HTML nativos e procurar as melhores práticas sobre o posicionamento elementos.