我正在尝试将背景图片添加到我的站点标题中。部分图像应被主要内容覆盖。
它的位置正确,但是即使我添加了 z-index,主要内容也不会覆盖背景图像。
为什么会这样?
谢谢!
编辑:
如果你看右边,你会看到棕色鸡蛋没有被主要内容覆盖。你仍然可以看到它的一部分。
这是一些代码:
.header-navigation.back {
z-index:-1;
position:absolute;
margin-left:0;
margin-top:-6px;
border:none;
display:block; height:137px; width:1171px; padding:0px; outline:none; text-indent:-9999px;
background-image:url('http://frenchegg.com/images/backmenu.png');
}
这是应该涵盖图像的主要内容:
.main-content {
z-index:99;
position:relative;
padding:1em 0 8.5em 0;
background:#fff;
}