divレイヤーのz-index属性の調整が無効になる問題の解決方法

この記事は主に、p レイヤーの z-index 属性を調整するための無効な理由の分析と解決策を紹介します。必要な友達はそれを参照してください

z-index が無効です

その過程で、私は発見しました。非常に単純ですが、多くの人が遭遇する問題は、Z-INDEX 属性の設定が無効であることです。 CSS では、この属性はコードを通じてのみ変更できます。z-index が機能するには、小さな前提条件があります。つまり、要素の位置属性が相対、絶対、または固定である必要があります。

1. 最初の状況 (z-index がどんなに高く設定されても機能しない):

この状況が発生するには 3 つの条件があります:

1 親タグの位置属性は相対的です。 ;
2. 質問ラベルには位置属性がありません (静的を除く)。

<p style="POSITION: relative; Z-INDEX: 9999">  
<IMG style="FLOAT: left" src="/131101/1A5494I0-0.jpg">  
</p>

3 つの解決策があります (どれでも十分です):

2. 2 番目のケース

IE6 では、階層のパフォーマンスが子タグの z-index に依存せず、DOM ツリー全体の最初の相対属性の親タグに依存する場合があります (ノードツリーレベル）。

<p style="POSITION: relative">
<p style="POSITION: relative; Z-INDEX: 1000">
<p style="POSITION: absolute; Z-INDEX: 9999"> <IMG src="/131101/1A3194V7-1.jpg"> </p>
</p> 
</p>

<p style="POSITION: relative; Z-INDEX: 1">  
<p style="POSITION: relative; Z-INDEX: 1000">  
<p style="POSITION: absolute; Z-INDEX: 9999"> <IMG src="/131101/1A3194V7-1.jpg"> </p>  
</p>  
</p>

CSS3 について remの解析（フォントサイズの設定）

以上がdivレイヤーのz-index属性の調整が無効になる問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。