css - ul と子の z-index の優先順位

Question

基本的に、z プランで絶対子を非表示にする相対要素が必要です。

ul {z-index:10; position:relative;}
ul ul {z-index:-10; position:absolute;} 

それらは互いの上に配置されます。最初のものはその子を非表示にする必要がありますが、そうではありません。

フィドルを参照してください。青い部分の下に赤い部分が隠れるようにしています。

どんな助けでも大歓迎です

ありがとうございました

Answer 1

あなたがやろうとしている特定のことはできません。z-index親 ul にa を設定すると、その要素が新しいスタッキング コンテキストになります。これは、仕様によると、背景と境界線が常にすべての子要素の下に配置されることを意味します。

z-index親ulから設定を削除しても、必要な効果が得られる場合があります。これは、補正のためにページ内の残りの z-index を調整する必要があるという意味ではありません。必要なのは、コンテキストとなる別の要素を提供することだけです。たとえば、親 ul の親要素です。その要素をスタッキング コンテキストにするには、z-index 値を指定するだけで済みます。それが数値である限り、任意の z-index 値です。