TShopping
標題: CSS z-index 屬性 [打印本頁]
作者: woff 時間: 2013-3-2 20:02
標題: 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
看帖子的要发表下看法
作者: fiuml 時間: 2015-7-29 20:02
我惊呆了,好贴啊,很难得的好贴
无限恐怖
歡迎光臨 TShopping (http://www.tshopping.com.tw/) |
Powered by Discuz! X3.2 |