Css 关于背景叠加的一个问题

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

背景将嵌套。。。 想想一张纸，当你把它们叠起来时，会显示出第一张和最大的一张，如果第一张纸的尺寸比后面的小，后面的纸就会占据空间。

---

透明度的工作原理与此相同。

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

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