css - 背景图像的 CSS 问题

Question

我正在尝试将背景图片添加到我的站点标题中。部分图像应被主要内容覆盖。

它的位置正确，但是即使我添加了 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;
}

Answer 1

请将overflow:hiddencss添加到header-wrap课程中

.header-wrap {
  ...
  overflow: hidden
  ...
}

它应该看起来不错。

---

对于登录问题：

z-index: 99999从班级中删除.bann

并将这个 css 添加到类中tooltip-wrap

sorry something went wrong

谢谢

Answer 2

我将bann类更改为：

.bann {
    cursor: pointer;
    display: block;
    height: auto;
    position: relative;
    width: 101.5%;
    z-index: 99999;
    margin-left: 12px;
}

之后似乎没问题...检查并通知我结果；

我用 firebug 测试了上面的代码；）

Answer 3

似乎您可以将 header-navigation.back 规则的高度降低到 100px，而不是弄乱 z-index。