z-index 屬性

定義和用法

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

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

註釋:Z-index 僅能在定位元素上奏效(例如 position:absolute;)!

實例

設置圖像的 z-index:

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

親自試一試

瀏覽器支持

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

註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

說明

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

默認值:auto
繼承性:no
版本:CSS2
JavaScript 語法:object.style.zIndex="1"

可能的值

描述
auto默認。堆疊順序與父元素相等。
number設置元素的堆疊順序。
inherit規定應該從父元素繼承 z-index 屬性的值。

TIY 實例

  • Z-index

  • Z-index 可用於將在一個元素放置於另一元素之後。

  • Z-index

  • 上例中的元素已經更改了 Z-index。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章