css z-index屬性
翻譯結果:
index
英[ˈɪndeks] 美[ˈɪnˌdɛks]
n.索引;<數>指數;指示;標誌號標誌
##n.索引;<數>指數;指示;標誌。
vt.給…索引;把…編入索引;[經濟學]按生活指數調整(工資、價格等)vi.[機械學]轉位###css z-index屬性語法
作用:z-index 屬性設定元素的堆疊順序。擁有較高堆疊順序的元素總是會處於堆疊順序較低的元素的前方。
說明:此屬性設定一個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。如果為正數,則離使用者更近,為負數則表示離使用者更遠。
註解:所有主流瀏覽器都支援 z-index 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。元素可擁有負的 z-index 屬性值。 Z-index 只能在定位元素上發揮作用(例如 position:absolute;)!
css z-index屬性範例
<html> <head> <style type="text/css"> img { position:absolute; left:0px; top:0px; z-index:-1; } </style> </head> <body> <h1>This is a heading</h1> <img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" /> <p>由于图像的 z-index 是 -1,因此它在文本的后面出现。</p> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例