Один вопрос о наложении фона

Question

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

Мне кажется, что внутренний фон будет перезаписывать внешний, почему он так устроен?

Answer 1

Фоны будут гнездиться ... Подумайте о кусочках бумаги ..., когда вы складываете их, показывается первый и самый большой, если размер первого сделан меньше, чем те, что за ним, то те, что за ним, занимают место. Прозрачность работает по тому же принципу.

Answer 2

использование свойства z-index может дать вам больше контроля над тем, как элементы перекрываются; однако, это рекомендуется только в качестве последнего варианта, если вы используете макет с абсолютным позиционированием. в противном случае придерживайтесь нативной семантики HTML и ищите рекомендации по позиционированию элементов.