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

Question

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

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

Answer 1

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

Answer 2

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