帶有絕對定位div的IE顯示器

我在IE6 + IE7中顯示絕對定位div的顯示問題
我試圖顯示一個下拉菜單。這個下拉菜單是絕對定位的。
現在只要該菜單下面有另一個元素具有position：relative，絕對定位的下拉菜單顯示在其後面。這隻發生在上面提到的IE7和6中。帶有絕對定位div的IE顯示器

有關如何解決此問題的任何想法？

來源

2010-08-23 clem

我試圖重新創建問題，但我沒有得到你描述的結果，我得到了期望的結果。你能提供你使用的代碼嗎？ – Jasper 2010-08-23 11:43:41

我已經發布了一個簡單版本的代碼，在這裏創建這個問題： http://snipplr.com/view/39433/ie7-positioning-bug/ – clem 2010-08-23 12:17:20

我發現解決方案，如果有人感興趣。這是IE中的z索引問題。這裏有一個關於如何解決它的鏈接： http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ – clem 2010-08-23 12:44:26

css屬性z-index可以讓你定義什麼對象應該顯示在「頂部」。爲任務中的所有元素定義z索引（只有下拉應該也可以工作我認爲）。（基於提供的代碼）

EDIT：

的元件，得到Z-index屬性到是「與位置最上面的元素屬性的是，重疊的div不的一部分。在方面的。樣本，給Z-指數menu_container或將其添加到標題，並給頭position: relative（我喜歡選擇後者更好，因爲它是不太可能你的HTML的未來變化，打破）。

至於解釋爲什麼這個是這樣的，在IE6和IE7中，工作如下：目前，absolute_div在menu_container內的所有內容之上，但menu_container位於relative_di之下v，所以absolute_div也是。標題不參與這個故事的原因是，如果沒有給出位置屬性，則前面顯示和後面顯示的內容是不同的。

來源

2010-08-23 10:52:13 Jasper

我試圖設置z-index，但它在這種情況下不起作用 – clem 2010-08-23 11:00:49

非常感謝您的時間，我也發現了另一種解決方案（請參閱實際問題的評論） – clem 2010-08-23 13:27:48

Erm ..沒有。你找到了完全一樣的東西。（不同的是，你發現有人發現它沒有工作（並找到了解決辦法），然後誰只是喊「BUG」，而我邏輯推斷髮生了什麼...... 請注意，你應該仍然接受一個答案 - 如果不是我的（或別人的），那麼你應該發佈自己的答案並接受。 – Jasper 2010-08-23 14:15:42

帶有絕對定位div的IE顯示器

回答

相關問題