<分区>
我正在尝试将背景图片添加到我的站点标题中。图片的一部分应该被主要内容覆盖。
它的位置正确,但是即使我添加了 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;
}
最佳答案
请将 overflow:hidden
CSS 添加到 header-wrap
类
.header-wrap {
...
overflow: hidden
...
}
它应该看起来不错。
对于登录问题:
从 .bann
类中删除 z-index: 99999
并将此 css 添加到类 tooltip-wrap
sorry something went wrong
谢谢
关于背景图片的 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16021590/