Internet Explorer でオーバーレイ要素に Z インデックスが機能しないのはなぜですか?

IE Z-Index の異常: 重なり合うジレンマの解決

Web 開発の領域では、z-index プロパティは、ページ要素の積み重ね順序。ただし、Internet Explorer ユーザーは、z-index が失敗したように見えるという特有の問題に遭遇する可能性があります。これは、要素を相対的に配置された別の要素の上に重ねようとしたときに発生します。

質問:

インターネットで要素を相対的に配置された要素に重ねるにはどうすればよいですか?エクスプローラ？ z-index プロパティは、相対的に配置された要素の背後に常に表示されるため、機能していないようです。

回答:

Internet Explorer は、相対的に配置された要素の背後に特異な動作を示します。位置決めされた要素は、後者の z-index 値がより高い場合でも、絶対的に位置決めされた要素を覆い隠すことがよくあります。この問題を回避するために、明確ではない解決策が提示されます。

CSS ルールを持つクラスを使用して、問題のある要素のバックグラウンド URL パスを宣言します。この解決策は逆説的に見えるかもしれませんが、要素の DOM 優先順位を効果的に高め、相対的に配置された要素とオーバーラップできるようにします。

コード スニペット:

<code class="CSS">.myLinkCssClass {
    background: url(#);
}</code>

以上がInternet Explorer でオーバーレイ要素に Z インデックスが機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。