特定の要素の子にのみ影響を与えるなど、特定の「スコープ」にのみ適用されるz-indexを設定することは可能ですか。
z-index 0のcontainerDivがあります。これには、さまざまな深さで互いの上に配置する必要がある一連の円が含まれていますが、ページ上の他の要素に影響を与えたくありません。
ページ上にz-index1を持つ他の要素（ポップアップ、ドロップダウンなど）がたくさんあり、containerDivとそのすべての子要素の上に配置したいと思います。私は怠惰なので、z-indexが最も高い円に基づいてこれらの要素のz-index値を調整する必要を避けたいと思います...他のすべての要素がcontainerDivを表示できる方法があれば、はるかに素晴らしいですそして、それはすべて同じz-indexを持つものとしての子です。
これはcssで達成できますか？
答えは、他の要素がcontainerDivの子孫であるかどうかによって異なります。質問に答えるために：はい、マークアップの少しのシャッフルを考えると、それはほぼ確実に可能です。
しかし、理解する必要があるのは、コンテキストのスタックの概念です。
http://www.w3.org/TR/CSS2/visuren.html#layers
スタッキングコンテキストは、他のプロパティのように継承されません。「スタッキングコンテキストは、親スタッキングコンテキストの観点からはアトミックです。他のスタッキングコンテキストのボックスは、どのボックスの間にもない場合があります。」ページ上のすべての要素が。を使用してページ上のすべての要素のz-index:2背後にあるわけではありませんz-index:4。Z-index（位置宣言と組み合わせて）は、通常（排他的ではありませんが）、2つの要素が包含要素を共有する場合のスタック順序を解決するために使用されます。