2011-05-16 113 views
2

我已經閱讀了關於在stackoverflow上z-index的幾個問題/文章,但我仍然無法解決我的網頁上的z-index屬性的最後一個問題。css position屬性是否會影響z-index的優先級?

簡單的問題: 與position:absolute元素總是重疊的元素與postion:relative,無論他們的Z指數值?

我需要強制元素與position:relative;z-index:50重疊元素與postion:aboslute;z-index:5;。如果需要,我甚至會使用腳本。

有網頁與問題:sample page

注:該網頁是高度​​基於z索引,並且有很多的不優雅的CSS解決方案(粘頁腳,背景重複)。我幾乎可以工作,但正如你所看到的,<div id="mainContent"> some text </div>具有相對位置並且具有負底部邊距以重疊頁腳。但是頁腳(<div id="footerFixWrapper"></div>)具有絕對位置,並且它與mainConetnet重疊,無論它具有較低的z-index。

回答

1

它看起來好像div存在於不同的堆疊環境中。在這種情況下,z-索引不會相互影響。

CSS-討論維基細節:http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

+0

所以......有我的網頁:( – 2011-05-16 15:11:56

+0

不,你應該能夠解決無解,但你需要將它們放在同一個堆疊順序中。 – 2011-05-16 15:27:57