css - 关于背景叠加的一个问题

Question

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

在我看来，内部背景会覆盖外部背景，为什么要这样设计？

Answer 1

背景会嵌套...想想纸片...，当你堆叠它们时，会显示第一个和最大的，如果第一个的大小比它后面的小，它后面的会占据空间。透明度也遵循同样的原则。

Answer 2

使用 z-index 属性可以让您更好地控制元素的重叠方式；但是，仅当您使用绝对定位布局时，才建议将其作为最后一个选项。否则，请坚持使用原生 HTML 语义并查找定位元素的最佳实践。