css - Z-index CSS 问题

Question

http://www.milknhny.co.uk/SofiaWork/home/

你好

以下有一个横幅，它有一个框阴影，我希望它位于图像的顶部。

我尝试在 div 类 .maincontentinner 上放置一个 z-index 和绝对位置

然而，当我这样做时，背景似乎搞砸了（它是一个渐变）。

有什么想法我能做到这一点吗？我那里也有一个clearfix

谢谢

Answer 1

style.css第 431 行

.headerwrap {
    width: 100%;
    height: 218px;
    background-color: #ffffff;
    box-shadow: 3px 3px 8px #41434b;
    posistion: fixed;
    z-index: 99999;
}

更改posistion为position。

Answer 2

首先，我会使用相对定位而不是绝对定位，因为我认为您不想破坏页面流。

我申请了：

position: relative;
z-index: -1;

到 .maincontentinner ，它似乎工作得很好。“背景似乎混乱”是什么意思？你测试的是什么浏览器？