ホームページ  >  記事  >  ウェブフロントエンド  >  Z-Index のバグにもかかわらず、Internet Explorer で相対的に配置された要素をオーバーラップする方法

Z-Index のバグにもかかわらず、Internet Explorer で相対的に配置された要素をオーバーラップする方法

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-28 03:28:02799ブラウズ

How to Overlap a Relatively Positioned Element in Internet Explorer Despite the Z-Index Bug?

Internet Explorer の Z-Index のバグを克服する

要素が相対的に配置される場合、通常、z-index プロパティによって積み重ね順序が決定されます。ただし、Internet Explorer には、相対的に配置された要素が、より高い Z インデックスを持つ要素よりも常に優先されるという特有のバグが発生します。

質問:

要素はどのように配置できますか? Internet Explorer で相対的に配置された要素をオーバーラップするには?

答え:

信じられないかもしれませんが、解決策は、空の背景画像を含む CSS クラスを適用することです。

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

空の背景画像を指定すると、要素は、Z インデックスが低い場合でも、相対的に配置された要素の上に位置する追加レイヤーを取得します。

以上がZ-Index のバグにもかかわらず、Internet Explorer で相対的に配置された要素をオーバーラップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。