小编Nel*_*ade的帖子

好的，所以我希望发生的事情是我设置为背景图像以显示在页面上所有其他元素的顶部 - 设置在右侧，一半在内容块上，一半在侧面。 .目前我的结构是：

    <div id="SideImage">
    <div id="Contain">
    <div id="Dash"></div>
    <div id="content">
    <h1>Heading 1</h1>
    <p>Content</p>
    </div>
    <div id="Footer">
    <p>Footer Content</p>
    </div>
    </div>
    </div>

CSS 如下所示，当我使用 FireBug 时，z-index 不起作用，如果我从 Contain css 中删除背景颜色，我可以看到完整图像，但我希望 SideImage 位于 Contain 背景、Dash 背景和页脚之上。我唯一能想到的另一件事是在 SideImage Div 上方设置一个 Div，其背景颜色仅为特定宽度，并从 Contain Div 中删除背景颜色。有任何想法吗？

#Contain {
background-color: #FFFFFF;
margin: 0 auto;
position: relative;
text-align: left;
width: 850px;
z-index: 1;}

#Dash {
background-image: url("/23456jjsg886635kksjp/EQI/EQIImages/dash.png");
float: none !important;
height: 10px;
position: absolute;
top: 169px;
width: 850px;
z-index: 2;}

#content {
border-left: 2px solid …