最新的Web開發教程
 

Style zIndex Property

<Style對象

改變的疊放順序<img>元素:

document.getElementById("img1").style.zIndex = "1";
試一試»

定義和用法

zIndex屬性設置或返回定位元素的堆疊順序。

以更大的堆疊順序的元件(1)總是與堆疊順序較低的元件的前方(0)

Tip:甲定位元件與所述位置屬性設置為一個元件:相對的,絕對的,或固定的。

Tip:如果你想創建重疊元素此屬性很有用。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

zIndex屬性在所有主流瀏覽器的支持。


句法

返回zIndex屬性:

object .style.zIndex

設置zIndex屬性:

object .style.zIndex="auto| 屬性值
描述
auto 瀏覽器確定所述元件(基於在文檔中的順序)的堆疊順序。 這是默認
number 限定元件的堆疊順序的整數。 允許使用負值
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 汽車
返回值: 一個字符串,表示元件的堆疊順序
CSS版本 CSS2

更多示例

改變的z-index屬性值<div>元素:

document.getElementById("myDIV").style.zIndex = "-1";
試一試»

返回的z-index屬性值<img>元素:

alert(document.getElementById("img1").style.zIndex);
試一試»

相關頁面

CSS教程: CSS定位

CSS參考: z-index property


<Style對象