div与包装后面的图像不工作

我创建了一个白色的网站，所以我没有任何背景分配。但我想在网站的两个部分添加一些蓝色渐变细节。 #bg_top应放置在左上方，并且#bg_bottom应放置在右下方。当然，这是行不通的正是我想要的方式......div与包装后面的图像不工作

这是怎么了我的html显示：

<body> 

<div id="bg_top"></div> 

<div id="wrapper"> 
</div> 

<div id="bg_bottom"> 
</div> 

<footer> 
</footer>

的#bg_top完美的作品。它在包装后显示自己，但bg_bottom给我的问题是它的位置很好，但它在包装和页脚之间的视觉效果。因此我使用了z-index但它也不起作用。另外奇怪的是底部和左侧参数没有任何区别。这是CSS代码：

#wrapper{ 
    width: 925px; 
    height: 1355px; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative; 
} 

#bg_top{ 
    width: 500px; 
    height: 500px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    background-image: url('../_img/2_body/bg/bg_top.jpg'); 
    z-index: -1; 
} 

#bg_bottom{ 

    width: 500px; 
    height: 500px; 
    position: relative; 
    float: right; 
    bottom: 0px; 
    right: 0px; 
    background-image: url('../_img/2_body/bg/bg_under.jpg'); 
    z-index: -1; 
}

有人能帮助我吗？我用尽了一切......

谢谢

来源

2012-05-15 Daniel Ramirez-Escudero

我认为你在真实页面中有一个''？ – LeonardChallis

当然是的，但我不想把所有的代码... –

我已经得到了我的答案...我需要图片在包装后面。底部图片粘贴在页脚的右上部分，顶部图片与标题相同。感谢我看到它是非常简单的输入...

<body> 

<header> 

<div id="bg_top"></div> 

</header> 


<div id="wrapper"></div> 


<footer> 
<div id="bg_bottom"></div> 
</footer> 

</body>

所以以后我申请的绝对位置，并做了Z-index和图片作为backgound ...包装的后面，在它的位置。这是最后的CSS代码：

#bg_top{ 
    width: 500px; 
    height: 500px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    background-image: url('../_img/2_body/bg/bg_top.jpg'); 
    z-index: -1; 
} 



#bg_bottom{ 

    width: 500px; 
    height: 500px; 
    position: absolute; 
    background-image: url('../_img/2_body/bg/bg_under.jpg'); 
    bottom: 155px;

任何其他疑惑，也许我可以帮... 权：0像素; z-index：-1; }

来源

2012-05-16 08:07:39