5

わかりましたので、htmlにこのテスト設定があります

<div style="position:absolute;left:0px;top:0px;z-index:1;width:200px;height:200px;background-color:red;">
<div style="position:absolute;left:0px;top:0px;z-index:3;width:50px;height:50px;background-color:green;"></div>
</div>

<div style="position:absolute;left:0px;top:0px;z-index:2;width:100px;height:100px;background-color:blue"></div>

青の div を赤の div の前にレンダリングしたいが、赤の子 div(緑) を青の前にレンダリングしたい場合、そのコードを見ると、z-index がグローバルである場合に機能するはずです。しかし、青が赤の上にレンダリングされるため、親要素に対してローカルであるように見えますが、緑のdivを親から上に移動しない限り、緑は上にレンダリングされませんか? 「グローバル z インデックス」などを使用するにはどうすればよいですか。このように機能することは、私の実際のプロジェクトにとって非常に重要です

4

1 に答える 1

9

Z インデックスは常に、最も近い位置にある祖先 (この場合は親) に対してローカルまたは相対的です。z-indexCSS にはグローバル プロパティはありません。

グリーンdivを親から移動する必要があります。

于 2013-02-17T05:36:54.287 に答える