CSS z-index 属性是用来控制元素的堆叠顺序，它可以让你控制元素在页面上的位置。z-index 属性只对定位元素有效，即 position 属性值为 absolute、relative 或 fixed 的元素。
z-index 属性的值是一个整数，它决定了一个元素相对于其他元素的堆叠顺序。z-index 越大，该元素越靠近用户，也就是说，它会显示在其他所有 z-index 值较小的元素之上。
.element {
position: absolute;
z-index: 1;
}
z-index 属性指定一个元素的堆叠顺序。
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注意： z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。
| 默认值： | auto |
|---|---|
| 继承： | no |
| 版本： | CSS2 |
| JavaScript 语法： | object.style.zIndex="1" |
| 值 | 描述 |
|---|---|
| auto | 默认。堆叠顺序与父元素相等。 |
| number | 设置元素的堆叠顺序。 |
| inherit | 规定应该从父元素继承 z-index 属性的值。 |
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
设置图像的 z-index：
CSS 教程: CSS Positioning
实例转换不同元素中的文本：h1 {text-transform:uppercase;}h2 {text-transform:capitalize;}p {text-transform:lowercase;}属性...
CSS3 transform-style属性实例让转换的子元素保留3D转换：div{transform: rotateY(60deg);transform-style: preserve-3d;-webkit...
JavaScript函数可以接受任意数量的参数。Javascript函数参数存储为数组样结构调用 arguments 。参数可以增长为包含任意数量的值...
break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。Break 语句 我们已经在本教程之前的章节中见到过 break 语句。它...