38

違いは何ですか:

  1. z-index: auto
  2. z-index: 0
  3. まったくz-indexない

上記のすべてのシナリオは、 2 つのdivを囲むa の場合であり、それぞれの a はwhich であり、それぞれです。divdiv1div2z-index910

囲みdivは、HTML のスタック コンテキストにあります。

4

5 に答える 5

36

指定しないことは;z-indexと同じです。z-index: autoそれがその初期値です。

auto0要素が独自のスタック コンテキストを作成しない場合も同じことを意味します。たとえば、相対、絶対、または固定として位置付けられていません。

囲みdivが配置されていない場合は、何を設定しz-indexても問題ありません。それとそのすべてのコンテンツは のスタッキング コンテキストに参加し、htmlその子孫は常にその前に配置されます。

于 2013-01-01T11:04:32.133 に答える
6

z-index:0は常に「デフォルト レイヤー」(明示的な要素を持たないすべての要素z-indexが存在するレイヤー) であり、次のことをz-index:auto意味します。デフォルトでは、親のすべての子は「z-layer 0」で開始されるため、親に対して相対的であるため、影響を受けず、同じことz-index:autoを意味します。それらは両方とも同じ「レイヤー」にあり、それらのスタック順序は、ここでz-index:0確認できるデフォルトのスタッキング ルールに従います。

于 2016-07-05T11:03:01.713 に答える
2

z-index: 自動

スタック順序をその親と同じに設定します。これがデフォルトです。

z-index:0

何もしません

z-index:ない

auto と同じように、その親と同じスタック順序を設定します。

z-index:継承

z-index が親要素から継承される必要があることを指定します

さらに読むための参照とテスト:

リンク

于 2013-01-01T11:05:31.293 に答える
-1

n CSS では、2 つ以上のオブジェクトを重ねて配置できます。それらの z インデックスは、重なっている他のオブジェクトの「前」または「後ろ」にあるオブジェクトを決定します。オブジェクトの z-index が高いほど、表示されるオブジェクトの「スタック内の上位」

于 2013-01-01T11:05:36.113 に答える