woff 發表於 2013-3-2 20:02:06

CSS z-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-indexZ-index 可用於將在一個元素放置於另一元素之後。Z-index上例中的元素已經更改了 Z-index。

芳禾炳学 發表於 2014-6-21 07:27:02

看帖子的要发表下看法

fiuml 發表於 2015-7-29 20:02:49

我惊呆了,好贴啊,很难得的好贴











static/image/common/sigline.gif
无限恐怖
頁: [1]
查看完整版本: CSS z-index 屬性