1

这可能是最愚蠢的问题，但我正在构建一个单页网站，您必须向下滚动才能到达“下一页”。它在固定位置 div 中有一个背景，到目前为止，我只实现了 css 和 html。甚至还没有开始真正的工作..只是测试设计..我想拥有什么样的东西。它在 Chrome 和 Firefox 下运行良好，但在 Safari 上几乎死掉了。我想知道它只是我的mac还是我做事的方式有什么问题。Safari 不喜欢覆盖 div，还是什么？！:(

HTML

<div id="background"></div>
<div id="container">
  <div id="header">Page title</div>
  <!--menu comes here later on-->
  <div id="content">CONTENT</div>
</div>

CSS

#background {
  position:fixed;
  top:0px; left:0px;
  width:100%; height:100%;
  background:url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}

#container {
  position:absolute;
  top:0px; left:0px;
  width:100%; height:100%;
}

#header {
  position:absolute;
  top:2%; left:7%;
  font-family:"Times New Roman";
  font-size:50px;
  color:#ffffff;
}

#content {
  position:absolute;
  top:100%;
  width:100%; height:1000px;
  background:#ffffff;
  box-shadow:0px -3px 25px #252525;
}

有任何想法吗？！谢谢！

4

0 回答 0