首頁  >  文章  >  web前端  >  儘管存在 Z 索引錯誤,如何在 Internet Explorer 中重疊相對定位的元素?

儘管存在 Z 索引錯誤,如何在 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 索引錯誤,如何在 Internet Explorer 中重疊相對定位的元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn