html5 - 可以让z-index不管多小，子元素总是显示在父元素之上吗

Question

就是 子元素 的 z-index 小于父元素时，仍然显示在 父元素 上面

Answer 1

要設定容器的 z-index 必須是該p定位是絕對定位才可以
以下是 W3C標準：

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

顯然 題主既然問這個問題 應該是已經設定了定位 我不知道我說的對不對

如果你只需要 讓子元素顯示在父元素上面 直接用定位 不用z-index 不就可以了嗎

如果你已經設定了 z-index 那就不能透過定位解決這個問題了

Answer 2

給父元素指定非 static 的 position, 以及非 auto 的 z-index 值即可.

Answer 3

父元素position:relative;z-index:1,子元素position:absolute;z-index:10，就可以做到子元素在父元素之上了

Answer 4

1.父子級元素不需要增加任何定位屬性,子級永遠在父級之上顯示。
2.1.如果加入定位屬性，父級設定position: relative;z-index不設置，子級設置position: absolute;z-index:（0-無窮大）；這裡面子級的z-index必須大於父級z-index。因為父級一般預設z-index為0或auto。
2.2.如果父級設定 position: relative;z-index:任值;子級設定 position: absolute;z-index:任意值。也可以實現 子元素的z-index小於父元素時，仍然顯示在 父元素 上面，但顯然這樣沒有任何意義了，子級的z-index完全可以省略。

Answer 5

1- 沒有z-index，子級天生就應該在父級的上邊；
2- 情況同上，同級的兄弟元素，書寫順序靠下的在上邊；
3- 舉個簡單的例子：

<p id="boxA">
    <p id="boxB"></p>
</p>
<p id="boxC"></p>

層級關係#boxC>#boxB>#boxA
4- 個人覺得z-index比較適合調整個別的層級關係，用太多容易亂。所以出問題的話，建議試試看先去掉z-index，再調整標籤位置的方法。