z-index层级

z-index

应用背景：如果层级一样的情况下，后面的元素会盖住前面的元素。这里的前后是指html中结构上的前后。

• 当元素开启定位以后就可以设置z-index这
个属性。
• 这个属性可以提升定位元素所在的层级。
• z-index可以指定一个整数作为参数，值越
大元素显示的优先级越高，也就是z-index
值较大的元素会显示在网页的最上层。
注意：1、父元素盖不住子元素。
2、如果父元素有设置z-index，那么先比较父元素和相邻元素的父元素的z-index值；如果父元素的z-index值比相邻的元素父元素的低，那么元素z-index值设置的再高，显示层级还是比相邻元素低。
3、如果父元素没有设置z-index，那么元素本身设置的z-index值越高，那么层级就越高，显示的就在上面。