違いは何ですか:
z-index: auto
z-index: 0
- まったく
z-index
ない
上記のすべてのシナリオは、 2 つのdiv
を囲むa の場合であり、それぞれの a はwhich であり、それぞれです。div
div1
div2
z-index
9
10
囲みdiv
は、HTML のスタック コンテキストにあります。
指定しないことは;z-index
と同じです。z-index: auto
それがその初期値です。
auto
0
要素が独自のスタック コンテキストを作成しない場合も同じことを意味します。たとえば、相対、絶対、または固定として位置付けられていません。
囲みdiv
が配置されていない場合は、何を設定しz-index
ても問題ありません。それとそのすべてのコンテンツは のスタッキング コンテキストに参加し、html
その子孫は常にその前に配置されます。
z-index:0
は常に「デフォルト レイヤー」(明示的な要素を持たないすべての要素z-index
が存在するレイヤー) であり、次のことをz-index:auto
意味します。デフォルトでは、親のすべての子は「z-layer 0」で開始されるため、親に対して相対的であるため、影響を受けず、同じことz-index:auto
を意味します。それらは両方とも同じ「レイヤー」にあり、それらのスタック順序は、ここでz-index:0
確認できるデフォルトのスタッキング ルールに従います。
スタック順序をその親と同じに設定します。これがデフォルトです。
何もしません
auto と同じように、その親と同じスタック順序を設定します。
z-index が親要素から継承される必要があることを指定します
さらに読むための参照とテスト:
n CSS では、2 つ以上のオブジェクトを重ねて配置できます。それらの z インデックスは、重なっている他のオブジェクトの「前」または「後ろ」にあるオブジェクトを決定します。オブジェクトの z-index が高いほど、表示されるオブジェクトの「スタック内の上位」