2

オーバーレイ要素よりもz-index低い親を持つ要素に、より高い優先度を割り当てる方法がわからないようです。z-index

この例を考えてみましょう。

<div style="width: 100px; height: 100px; background: #F00; position: absolute; left: 0; top: 0; z-index: 1;">
    <div style="width: 50px; height: 100px; background: #00F; position: absolute; left: 50px; top: 0; z-index: 3;"></div>
</div>
<div style="width: 100px; height: 50px; background: #0F0; position: absolute; left: 0; top: 50px; z-index: 2;"></div>

結果：

ここに画像の説明を入力してください

期待される結果：

ここに画像の説明を入力してください

4

2 に答える 2

4

これを行うことができますが、親にまたはプロパティがない場合に限ります。したがって、最初のdivからを削除すると、期待どおりに機能します。position: relativeabsoluteposition: absolute

jsFiddle： http: //jsfiddle.net/GEnHC/

于 2012-05-30T03:53:33.013 に答える
1

要素は最初に各レベルで順序付けられます。つまり、赤と緑のボックスを注文し、次に、緑のボックスの後ろにあるとすでに判断されている赤いボックスの内側にある青いボックスを注文します。これを回避する方法はありません。親から青いボックスを削除するなど、必要なレイアウトを可能にする要素の代替レイアウトを検討する必要があります。

于 2012-05-30T03:53:59.583 に答える