z-index是干嘛的
有什么作用
哈尼露易絲
2016-07-04
3 回答
舉報
0/150
提交
取消
有什么作用
2016-07-04
舉報
2016-07-04
定義和用法
z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。
注釋：元素可擁有負的 z-index 屬性值。
注釋：Z-index 僅能在定位元素上奏效（例如 position:absolute;）！
例子：
<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="/i/eg_smile.gif"?/> <p>由于圖像的?z-index?是?-1，因此它在文本的后面出現。</p> </body> </html>2016-10-27
就像站在大樓的正上方看樓一樣,你只能看到最上面那一層,z-index就是這樣,比如你把兩張圖定位在同一個位置,那么你給哪張圖設置的z-index值大你就能看到哪張圖
2016-09-23
簡單來說，就是起到了覆蓋的的作用，一層background是紅色，而你想用藍色覆蓋，添加z-index,并將其值設置足夠大，可以起到覆蓋作用