Question

这可能是最愚蠢的问题，但我建立一个单页网站，你必须向下滚动才能到达“下一页”..它有一个固定位置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;
}

任何想法？！谢谢！

在执行单页网站时，使用safari滚动问题

0 个答案: