2011-05-16 75 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