z-index
z-index
属性设置元素在渲染时的z轴顺序。在同一个层叠上下文下 z-index
较大的元素会覆盖在 z-index
较小的元素上面。z-index
并非一直有效果,如果加上 z-index
后元素仍未创建层叠上下文,则 z-index
属性无效。 例如对于一个样式为 position: static;
(无其他会创建层叠上下文的样式)的元素设置 z-index
并不会改变其层级。
语法
Class | 属性 |
---|---|
z-1 | z-index: 1; |
z-2 | z-index: 2; |
z-3 | z-index: 3; |
z-4 | z-index: 4; |
z-5 | z-index: 5; |
z-6 | z-index: 6; |
z-7 | z-index: 7; |
z-8 | z-index: 8; |
z-9 | z-index: 9; |
z-10 | z-index: 10; |
z-990 | z-index: 990; |
z-991 | z-index: 991; |
z-992 | z-index: 992; |
z-993 | z-index: 993; |
z-994 | z-index: 994; |
z-995 | z-index: 995; |
z-996 | z-index: 996; |
z-997 | z-index: 997; |
z-998 | z-index: 998; |
z-999 | z-index: 999; |