IE7絕對元素出現在相對一個後面

我知道存在絕對元素出現在相對上面的錯誤。不過，我正在接受這個問題的反面。IE7絕對元素出現在相對一個後面

「bottom」元素上的z-index爲1，並且具有一個position：relative assigned。頂部元素有絕對定位和Z指數爲99.

這在Firefox，基於Webkit的瀏覽器和IE8中工作正常。有關爲什麼會發生這種情況的任何想法？

2009-10-06 tgandrews

這應該沒問題 - 發佈一些代碼。 – ScottE 2009-10-06 11:25:47

在Internet Explorer定位元素產生新的堆疊上下文中，開頭的z索引值0 因此z索引不起作用正確。

參見

和

2009-10-06 11:23:17 rahul

謝謝。鏈接幫助。 – tgandrews 2009-10-06 16:23:45

給父元素一個更高的z-index修復它。感謝您的鏈接！ – 2012-09-04 08:43:44

$(function() { 
var zIndexNumber = 1000; 
$('div').each(function() { 
    $(this).css('zIndex', zIndexNumber); 
    zIndexNumber -= 10; 
});

}）;

如果已經使用jQuery，請使用上面的代碼。詳情點擊這裏：http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

2011-12-13 15:39:43 vulgarbulgar

我發現一個有用的resource來解決這個：

長話短說，如果你完全置於元素是空的，即不喜歡把它放在其他元素的前面（如相對放置的文字）。您可以使用1x1透明gif來克服這個問題，例如。通過在絕對放置的元素上設置如下的樣式。

.mask { 
    background: transparent url('/images/clear.gif') repeat 0 0; 
}

2013-08-14 19:43:25

回答