0

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

我正在使用 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;
}

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

4

1 回答 1

0

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

于 2014-07-23T22:02:02.313 回答