关于背景叠加的一个问题

Question

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

在我看来，内部背景将覆盖外部背景，为什么它的设计是这样的呢？

Answer 1

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

Answer 2

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