編程教程CSS z-index 屬性
CSSz-index屬性
屬性定義及使用說明
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：
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
相關文章
CSS 教程: CSS Positioning