CSSz-index屬性

定義和用法
z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

註釋：元素可擁有負的 z-index 屬性值。

註釋：Z-index 僅能在定位元素上奏效（例如 position:absolute;）！

說明

該屬性設定一個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。

預設值： auto
繼承性： no
版本： CSS2
JavaScript 語法： object.style.zIndex=”1″
例項
設定影像的 z-index：

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
TIY

瀏覽器支援
所有主流瀏覽器都支援 z-index 屬性。

註釋：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 “inherit”。

可能的值
值 描述
auto 預設。堆疊順序與父元素相等。
number 設定元素的堆疊順序。
inherit 規定應該從父元素繼承 z-index 屬性的值。
TIY 例項
Z-index
Z-index 可用於將在一個元素放置於另一元素之後。
Z-index
上例中的元素已經更改了 Z-index。
相關頁面
CSS 教程：CSS 定位

HTML DOM 參考手冊：zIndex 屬性

出自：http://www.w3school.com.cn/css/pr_pos_z-index.asp

本文轉自部落格園知識天地的部落格，原文連結CSS z-index 屬性 需轉載請自行聯絡原博主。