位置div的背景低于另一个

时间:2012-02-01 00:12:52

标签: html css

我在html5中有以下结构:

html
 - body
   - header
   - #wrapper
   - aside nav
   - footer

标题有两个带背景图像的大div,一个是徽标,另一个是子徽标。

导航栏也有背景图片,我只是在我的包装器中添加了一个背景,它需要有一个背景图像,因为图像需要随包装内的内容一起展开。包装器也位于margin-top:-105px,因此包装背景的一部分位于徽标和子徽标之下,因为这两者都不是100%宽,包装背景显示在两侧,非常像纸页

我的问题是包装器此时是在徽标和子徽标之上。我试过在我的标题中添加一个10的z索引,在包装器中添加-1的z-index,但没有运气。

我可以尝试将包装背景图像放在标题后面吗?

谢谢。

1 个答案:

答案 0 :(得分:2)

z-index仅适用于positions:relativeabsolutefixed的元素。

position:relative;z-index添加到徽标和子徽标。