Html 如何将div1放在div2下面并保持div1背景透明？ 标题内容 内容 #标题{ 背景图片：url（“/Content/Images/bg.png”）； 背景重复：重复-x； 浮动：左； 高度：45px； 保证金：0； 宽度：960px； z指数：10； } #内容{ 背景图片：url（“/Content/Images/separator_shadow_tware.png”）； 背景重复：重复-y； 浮动：左； 保证金：-4px0； 填充：0 10px； 宽度：940px； z指数：9； }

标题div的背景高度为45像素-41像素纯色，底部4像素为透明阴影。我希望阴影显示在内容上方。我把content div margin top-4px放在header div下爬行，但他出现在div1的上方而不是下方。z索引设置不同。。。是z索引问题还是标题背景无法定位在内容上方

---

谢谢

z-index属性仅与定位元素相关解决方案：设置

标题上的位置：相对
。您甚至不需要
z-index
，因为定位元素总是在非定位元素的顶部渲染

<div id="header"> Header content </div>
<div id="content"> Content </div>

#header {
    background-image: url("/Content/Images/bg.png");
    background-repeat: repeat-x;
    float: left;
    height: 45px;
    margin: 0;
    width: 960px;
    z-index: 10;
}

#content {
    background-image: url("/Content/Images/separator_shadow_both.png");
    background-repeat: repeat-y;
    float: left;
    margin: -4px 0 0;
    padding: 0 10px;
    width: 940px;
    z-index: 9;
}