CSS 參考手冊

CSS @規(guī)則(RULES)

z-index 屬性指定一個元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。注意： z-index 進行定位的元素(position:absolute, position:relative, or position:fixed)。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

注意：當元素重疊時，z-index確定哪個重疊。具有較高元素的元素z-index通常處于具有較低元素的元素重疊前面。

該屬性的語法如下：

z-index: integer | auto | initial | inherit

下面的示例演示了如何使用z-index屬性。

示例

  div {
   position: absolute;
   lop: 30px;
   left: 30px;
   z-index: 2;
  }

下表描述了此屬性的值。

值	描述
integer	設置當前堆棧上下文中元素框的堆棧級別順序。該框還建立了一個本地堆棧上下文，其中其堆棧級別為0（零）。允許使用負整數值。
auto	元素框的堆棧級別與其父框的堆棧級別相同，并且不會建立新的堆棧上下文。這是默認值。
initial	將此屬性設置為其默認值。
inherit	如果指定，則關聯元素采用其父元素z-index的屬性值。

z-index屬性瀏覽器的兼容性，下表中的數字表示支持該屬性的瀏覽器最低版本號；所有主流瀏覽器均支持該屬性。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

請參考以下教程：CSS位置，CSS層。

相關屬性：position，top，right，left，bottom。