CSS z-index 屬性

2022-06-02 17:32 更新

CSS z-index 屬性

屬性定義及使用說(shuō)明

z-index 屬性指定一個(gè)元素的堆疊順序。

擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。

注意: z-index 進(jìn)行定位元素(position:absolute, position:relative, or position:fixed)。

默認(rèn)值: auto
繼承: no
版本: CSS2
JavaScript 語(yǔ)法: object.style.zIndex="1"

屬性值

描述
auto 默認(rèn)。堆疊順序與父元素相等。
number 設(shè)置元素的堆疊順序。
inherit 規(guī)定應(yīng)該從父元素繼承 z-index 屬性的值。

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性          
z-index 1.0 4.0 3.0 1.0 4.0

實(shí)例

實(shí)例

設(shè)置圖像的 z-index:

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

嘗試一下 ?

相關(guān)文章

CSS 教程: CSS Positioning


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)