如何解決 Internet Explorer 6 和 7 中 Div 的 Z 索引問題？

Internet Explorer 6 和7 Z-Index 問題

問題：

問題：理解 Z-Index 和 Stacking Contexts

z-index 屬性決定分層HTML 中的元素。然而，在 IE6 和 IE7 中，標準行為略有不同。

根據規範，具有非預設位置屬性的元素會建立一個新的「堆疊上下文」。相同堆疊上下文中的元素根據其 z-index 值進行比較，具有較高值的元素出現在頂部。

在給定網站的情況下，出現問題是因為 IE6 和 IE7 建立堆疊div#sign-post 和 div#bottom 的上下文，即使它們缺乏明確的 z-index 值。因此，文檔順序會覆蓋所需的 z-index 順序。

解決方案：

要解決此問題，需要建立一個充當父元素的父元素div#sign-post 和div#bottom 的“堆疊父級” 。該元素應該具有非預設位置屬性（例如，相對或絕對）和顯式 z-index 值。

透過這樣做，您可以確保 div#sign-post 和 div#bottom 的順序在相同的堆疊上下文中確定，並建立所需的 z-index 優先權。

以上是如何解決 Internet Explorer 6 和 7 中 Div 的 Z 索引問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！