我已经在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重叠。
答案 0 :(得分:1)
看起来div在不同的堆叠上下文中存在。在这种情况下,z-index不会相互影响。
CSS-Discuss Wiki有详细信息:http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex