如何將一個div與一個div下的半透明圖像疊加到另一個div上？

Question

查看我的網站在這裏： http://christinetynes.net/wp/about/

我試圖做的是有波浪形藤形象走一路之隔頁，100％的寬度的頂部，頭徽標和導航欄下方。這是960像素，但邊緣排列，所以它重複。葡萄藤是一個.png，頂部爲純灰色背景，底部爲透明背景（如果點擊其他頁面的鏈接，可以看到這一點）。

我不知道如何做到這一點......我有一個與底部的葡萄樹的div，並試圖給標誌和導航一個負邊距，但然後葡萄藤不坐在頂部大的照片，即使當我改變Z指數。我怎樣才能讓葡萄藤在整個頁面上重複播放，同時仍然能夠在每一頁上的大圖片上分層疊加？這些照片以及所有頁面內容都在960像素的容器格內。隨時查看檢查員的代碼。

Answer 1

既然你沒有張貼我使用Firebug玩過任何代碼，並得到這樣的效果：

通過改變你的CSS在你#vineheader看起來像這樣：

#vineheader { 
    background: url("http://christinetynes.net/wp/wp-content/uploads/2013/11/vine.png") repeat-x scroll center bottom #F0F0F0; 
    margin-top: -40px; 
    padding-top: 20px; 
    position: relative; 
    top: 80px; 
    z-index: -1; 
} 

希望這有助於。