css - 我为我们的网站创建了背景图片，但它正在接管内容

Question

我正在为 friend 的网站做最后的润色。他们希望在他们的“特色”页面上显示一组循环的背景图像。我已经测试过 - 没问题。但是，背景图像正在接管页面其余部分的内容。

我正在使用 Squarespace。这是我到目前为止得到的 HTML:

<div id="background-wrap"></div>
<div class="with-bg-size" style="position:fixed; top:0px; left:0px; z-index:900; width:100%; overflow-y:hidden; overflow-x:hidden; margin:auto;"></div>

CSS 看起来像这样:

body {height:100%; overflow-y:hidden;}

.with-bg-size
{
  background-image: url('https://dl.dropboxusercontent.com/u/10022474/events.jpg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

现在，我放置的背景图像接管了包括导航在内的其余内容，所以我被卡住了。有什么我可以做的吗？

Answer 1

如果不了解有关此示例的 HTML，很难说，但我要做的第一件事是将 div.with-bg-size 移动到 HTML 结构的开头并删除z-index 样式。