html5 - 可以讓z-index不管多小,子元素總是顯示在父元素之上嗎
問題描述
就是 子元素 的 z-index 小于父元素時,仍然顯示在 父元素 上面問題解答
回答1:要設(shè)置容器的 z-index 必須是該p定位是絕對定位才可以以下是 W3C標(biāo)準(zhǔn):
z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。注釋:元素可擁有負(fù)的 z-index 屬性值。注釋:Z-index 僅能在定位元素上奏效(例如 position:absolute;)!
顯然 題主既然問這個問題 應(yīng)該是已經(jīng)設(shè)置了定位 我不知道我說的對不對
如果你只需要 讓子元素顯示在父元素上面 直接用定位 不用z-index 不就可以了嗎
如果你已經(jīng)設(shè)置了 z-index 那就不能通過定位解決這個問題了
回答2:給父元素指定非 static 的 position, 以及非 auto 的 z-index 值即可.
回答3:父元素position:relative;z-index:1,子元素position:absolute;z-index:10,就可以做到子元素在父元素之上了
回答4:1.父子級元素不需要添加任何定位屬性,子級永遠(yuǎn)在父級之上顯示。2.1.如果添加定位屬性,父級設(shè)置 position: relative;z-index不設(shè)置,子級設(shè)置 position: absolute;z-index:(0-無窮大);這里面子級的z-index必須大于父級z-index。因為父級一般默認(rèn)z-index為0或者auto。2.2.如果父級設(shè)置 position: relative;z-index:任意值;子級設(shè)置 position: absolute;z-index:任意值。也可以實現(xiàn) 子元素的z-index小于父元素時,仍然顯示在 父元素 上面,但顯然這樣沒有任何意義了,子級的z-index完全可以省略。
回答5:1- 沒有z-index,子級天生就應(yīng)該在父級的上邊;2- 情況同上,同級的兄弟元素,書寫順序靠下的在上邊;3- 舉個簡單的例子:
<p id='boxA'> <p id='boxB'></p></p><p id='boxC'></p>
層級關(guān)系#boxC>#boxB>#boxA4- 個人覺得z-index更適合調(diào)整個別的層級關(guān)系,用太多容易亂。所以出問題的話,建議試試先去掉z-index,然后調(diào)整標(biāo)簽位置的方法。
