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-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; |