IE7中的z-index沒有正確渲染

我正在努力使網頁向後兼容IE7（我知道，'IE7 ?!'，但這是我們的學校電腦上的）。我試圖展示div的整個頁面的大小，使身體變暗並在其上顯示兩個特定的div。但是，當我查看頁面時，黑色div會顯示在頁面上的所有其他元素上 - 即使是具有較高z索引的元素也是如此。您可以看到頁面here並使用netrender在IE7中查看它。IE7中的z-index沒有正確渲染

我已經對所有元素應用了定位，它似乎什麼也沒做。也許這只是我的眼睛？

來源

2011-12-24 Joshua Bambrick

我試過了，它在Chrome和IE7中看起來都一樣，爲什麼不把你正在調試的特定代碼粘貼到這裏以更好地響應你的問題 – footy 2011-12-24 17:33:21

這不僅僅是你，IE7有一個嚴格的borked實現z-index的。現在我不記得修復了，但我記得它與設置每個元素相反順序的z-index有關。這真的很糟糕。如果你可以顯示你的代碼（也可以嘗試http://jsfiddle.net），有人可以弄明白。鏈接到現場網站的問題是，只要您修復或開始擺弄它，問題就消失了。 – 2011-12-24 17:34:07

它不回答你的問題，但'.blackBg'應該是'position：fixed'而不是絕對的。 – FakeRainBrigand 2011-12-24 17:40:07

就我而言，這是不可能的，所以我最終放棄了。

來源

2012-08-14 14:58:46

我想如果你從#wrapper div中拉出模式盒子div，它可能會起作用。它看起來老版本的IE比較兄弟z-index值，所以#blackBg div比較自己和#wrapper div，其z-索引設置爲自動。如果模態框是兩個兄弟，並且z-index更高，那麼它可能會解決這個問題。

來源

2012-11-08 20:04:25 gotohales

IE7中的z-index沒有正確渲染

回答

相關問題