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

Internet Explorer Z-Index Enigma

Web 開発の分野では、Internet Explorer は要素の配置に関して独特の課題を提示しました。相対的に配置された別の要素の上に要素を重ねようとすると、IE で z-index プロパティが期待どおりに機能しないことがよくあります。

質問

"どうしますか? Internet Explorer で相対的に配置された別の要素の上に要素を重ねると、Z インデックスが機能しません。常に相対的に配置された要素の後ろに表示されます。"

謎の答え

驚くべきことに、解決策は、重複することを意図していない要素のクラスに背景画像を追加することにあるようです。

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

この一見無害なコード行は、その単純さにもかかわらず、問題を解決します。この問題は、コンテンツのない背景画像 (URL # で示される) を要素に割り当てることで解決します。これにより、Internet Explorer は要素を背景を持つものとして扱い、z-index の競合を解決し、重複する要素を最前面に表示できるようにします。

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