如何在一个div和另一个div下将半透明图像分层？

Question

在此处查看我的网站： http://christinetynes.net/wp/about/

我正在尝试做的是将波浪形的藤蔓图像一直穿过页面顶部，100％宽度，位于标题徽标和导航栏下方。它是960px，但边缘对齐，所以它重复。藤蔓是一个.png，顶部有一个坚实的灰色背景，下面是透明背景（如果点击其他页面的链接，你可以看到这个）。

我无法弄清楚如何做到这一点......我有一个div底部的藤蔓，试图给标志和导航一个负边距，但那时藤蔓不会坐在大的顶部照片，即使我改变了z-index。如何让藤蔓在整个页面上重复，同时仍然将其分层放在每页的大型照片上？这些照片以及所有页面内容都在960px容器div内。随意查看检查员中的代码。

Answer 1

由于您没有发布我使用Firebug播放的任何代码并获得此效果：

通过将#vineheader中的css更改为：

#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;
}

希望这有帮助。