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

Question

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

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

Answer 1

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

Answer 2

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