DIV+CSS 最前端显示(不被遮挡)的Z-index

前面我们说到页面置顶式的导航条,设想一下它被遮挡住是怎样一个场景,好尴尬呀…说好的C位说没就没了。

这时候z-index闪亮登场,立马帮你解决烦恼!

定义和用法
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注:元素可拥有负的 z-index 属性值。Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

大家可以在页面上设置多个层次,最底层用“Z-index:-1;”,Z-index后面设置的数值越大,也就在页面最前端现实。但要注意的是Z-index只能在定位元素上有效,也就是父元素必须先被设置为定位元素。