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