css位置属性会影响z-index的优先级吗?

时间:2011-05-16 12:48:51

标签: css z-index

我已经在stackoverflow上阅读了几篇关于z-index的问题/文章,但我仍然无法在我的网页上解决z-index属性的最后一个问题。

简单的问题:  带position:absolute的元素是否总是与postion:relative重叠,不管它们的z-index值是多少?

我需要使用position:relative;z-index:50强制元素将元素与postion:aboslute;z-index:5;重叠。如果有必要,我甚至会使用脚本。

有关于该问题的网页:sample page

注意:该网页高度基于z-index,并且有许多不优雅的css解决方案(粘性页脚,背景重复)。我几乎正在工作,但正如你所看到的,<div id="mainContent"> some text </div>具有相对位置并且具有负底边距以重叠页脚。但是页脚(<div id="footerFixWrapper"></div>)具有绝对位置,并且无论它具有较低的z-index,它都与mainConetnet重叠。

1 个答案:

答案 0 :(得分:1)

看起来div在不同的堆叠上下文中存在。在这种情况下,z-index不会相互影响。

CSS-Discuss Wiki有详细信息:http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex