CSS z-index 属性
CSS z-index 属性指定一个元素的堆叠顺序
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面
z-index 进行定位元素(position:absolute, position:relative, or position:fixed)
| 默认值 | auto |
|---|---|
| 继承 | no |
| 版本 | CSS2 |
| JavaScript 语法 | object.style.zIndex="1" |
语法
z-index: auto | inherit | **number**
属性值
| 值 | 描述 |
|---|---|
| auto | 默认。堆叠顺序与父元素相等 |
| number | 设置元素的堆叠顺序 |
| inherit | 规定应该从父元素继承 z-index 属性的值 |
浏览器支持
下表中的数字表示支持该属性的第一个浏览器版本号
| 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
范例
设置图像的 z-index
img { position:absolute; left:0px; top:0px; z-index:-1; }
相关文章
CSS 基础教程 CSS 定位