获取divs z-index以使用绝对定位重叠div

时间:2012-09-27 14:40:13

标签: html css

有谁知道如何让我的页面顶部的徽标显示在窗帘顶部。

http://nuigums.tumblr.com/

徽标位于section标签内,其余内容的z-index为2,这是获取我想要的页脚显示效果所必需的。幕布的z-index为3.我尝试将logo div的z-index设置为4,但我认为样式部分覆盖了这一点?

我希望徽标能够与页面内容一起滚动。

感谢。 :)

3 个答案:

答案 0 :(得分:1)

position:relative元素中保留section。并为徽标:

#logo{
    position:absolute;
    z-index:10;
    width:890px;
    text-align:center;
}

您需要更改slider(top, left, z-index)的属性。

答案 1 :(得分:1)

div#logo需要在该部分之外,该部分已经在#curtain之下。

在该部分之前放置div#徽标并设置position:absolute,然后您应该能够看到所需的堆叠类型。

答案 2 :(得分:0)

缺少一行:

position:relative;

如果指定位置,则只能调整z-index。