0

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

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

3 回答 3

0

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

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

它应该看起来不错。


对于登录问题:

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

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

sorry something went wrong

谢谢

于 2013-04-15T18:06:07.663 回答
0

我将bann类更改为:

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

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

我用 firebug 测试了上面的代码;)

于 2013-04-15T18:43:50.253 回答
0

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

于 2013-04-15T18:09:37.000 回答