尽管使用背景图像和Z-Index，侧边栏重叠标题

Question

希望有人对此有一个简单的答案。我有一个标题图像，它只是一个75px高的渐变，底部有淡入淡出。我将它设置为标题上的背景图像，我想在页面上放入左侧边栏。标题图片上有透明度，当我有侧边栏时，我无法让它坐在标题后面。你可以在这个截图中看到：

绿色侧边栏不会“坐”在标题后面。我将标题z-index设置为99，侧边栏设置为1.我尝试反向以确保我没有混淆我的数字，但这不起作用。两者都绝对定位。我正在附加他们的CSS选择器，希望有人有一个简单的答案。我确定我错过了一些基本的东西：

div.header {
 z-index: 99;
 background: transparent;
 background-image: url(images/header_bg.png);
 position: absolute;
 height: 85px;
 width: 100%;
 font-family: Helvetica, Verdana, Arial, sans-serif;
}

div#leftsidebar {
 height: 400px;
 border-right-style: dashed;
 border-right-width: 1px;
 z-index: -1;
 margin-top: 75px;
 width: 200px;
 position: absolute;
 background-color: #66ff66;
}

感谢。

Answer 1

好的，答案是，你们谁都不会知道这一点，我的侧边栏在标题内，显然它不能坐在父母的背后。说得通。我不会故意这样做，但认为当我写HTML时我把标题标记向下推，并没有意识到我正在编写我的侧边栏。愚蠢的错误。

Answer 2

尝试删除“background：transparent;”来自div.header选择器的属性。