前台基础 CSS 中重要的层叠概念

作者：SHERlocked93

最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么起因，因而找了一下css有关层叠方面的资料，处理了这个问题，这里记录一下~

屏幕是一个二维平面，然而HTML元素却是排列在三维坐标系中，x为水平位置，y为垂直位置，z为屏幕由内向外方向的位置，我们在看屏幕的时候是沿着z轴方向从外向内的；由此，元素在客户视角就形成了层叠的关系，某个元素可能覆盖了其余元素也可能被其余元素覆盖。