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

親要素の位置:相対;z-index:1、子要素の位置:絶対;z-index:10、親要素の上に子要素を作成できます

Answer 4

1. 親子要素には位置属性を追加する必要はなく、子は常に親の上に表示されます。
2.1. 位置決め属性を追加すると、親は位置: 相対値を設定し、子は位置: z-インデックス: (0-無限大) を設定します。親レベルの Z インデックスより大きくなければなりません。通常、親のデフォルトは 0 または auto の z-index であるためです。
2.2. 親が位置: 相対;z-インデックス: 任意の値を設定する場合、子は位置: 絶対;z-インデックス: 任意の値を設定します。子要素の 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 インデックスを削除してから、ラベルの位置を調整することをお勧めします。