CSS注意事項（四）

z-index注意事項

有效性

僅當元素的position屬性值爲 relative 或 absolute 或 fixed時，該屬性纔會生效

常見問題——z-index設置很大仍然被遮擋

z-index的大小對比 是對同一級的元素來講的 值越大 處於層級越高 可是 兩元素父級的z-index值做用優先於該元素

好比

<div id="A"><div></div></div> <div id="B"><div></div></div> 若是A B兩元素的父級元素均未設定，且AB兩元素的z-index未設定或者相同，則 其內部元素的 z-index大的元素 在上層 若是AB均設置了z-index則優先比較兩者的z-index值，較大的一個其內部元素處於上層。

##關於fixed -- 使用fixed的元素相對於瀏覽器定位，若是不設定left,top等值，其默認爲未使用fixed時的位置。 -- fixed元素的寬度100%則爲瀏覽器窗口寬度。 ###特殊狀況： 對在使用transform的元素內部元素使用fixed無效