具有高z-index的元素可能位于具有低z-index的另一个元素之下，只是因为较低z-index的祖先的z-index为该元素提供了更高的堆叠上下文。
因此，如果没有CSS或HTML代码的重大更改，就无法覆盖较低堆叠上下文中的元素。另一方面，如果它是一个“绝对”值（更高的z-index - > z轴上更高的位置），使用z-index属性将是简单的。
我的问题是，为什么在浏览器和标准中以这种方式实现？
答案 0 :(得分：2)
我认为 cwolves 有正确的答案，现在它的方式可能是最合乎逻辑的。 为了帮助理解，您可以将 z-index 视为Photoshop图层。 如果你有另一个文件夹上面的图层文件夹，除非你把它们从一个文件夹移动到另一个文件夹，否则包裹的图层显然不能安排在父母的外面。
或者想一下盒子：你可以把东西放在一个盒子里面，但你不能从两个不同的盒子里安排东西，除非你把它们从盒子里移到另一个盒子里。
如果你遇到需要不同安排的情况，你可能需要重新考虑你的标记才能允许这样做。