Skip to content

z-index

z-index 属性设置元素在渲染时的z轴顺序。在同一个层叠上下文下 z-index 较大的元素会覆盖在 z-index 较小的元素上面。
z-index 并非一直有效果,如果加上 z-index 后元素仍未创建层叠上下文,则 z-index 属性无效。 例如对于一个样式为 position: static;(无其他会创建层叠上下文的样式)的元素设置 z-index 并不会改变其层级。

语法

Class属性
z-1z-index: 1;
z-2z-index: 2;
z-3z-index: 3;
z-4z-index: 4;
z-5z-index: 5;
z-6z-index: 6;
z-7z-index: 7;
z-8z-index: 8;
z-9z-index: 9;
z-10z-index: 10;
z-990z-index: 990;
z-991z-index: 991;
z-992z-index: 992;
z-993z-index: 993;
z-994z-index: 994;
z-995z-index: 995;
z-996z-index: 996;
z-997z-index: 997;
z-998z-index: 998;
z-999z-index: 999;

参见