虽然对所有

Question

很可能是一个CSS问题，我用作每个页面背景的图像是重复的＆amp;大小不一。主页是唯一功能齐全的部分。 这是一个实例：http://athenatestingwebsite.tumblr.com/ 这是我的HTML：

<div id="PROJECTSP">
<a id="projects" class="smooth"></a>
</div>

<div id="CONTACTP">
<a id="contact" class="smooth"></a>
</div>

这是我的一些css：

body {
height: 1000px;
}

#projectsp  {
    height: 1000px;
    width: 100%;
    background-color: #0a0b38;
    display: inline-block;
    text-align: center;
    background: url("http://i.imgur.com/rrmPP7E.png");
}

#contactp  {
    height: 1000px;
    width: 100%;
    height: 100%;
    background-color: #0a0b38;
    display: inline-block;
    background: url("http://i.imgur.com/s9gGzHO.png");
}

Answer 1

 background-repeat-y: no-repeat;

在您设置的每个背景图片后添加此行。去掉 身高，宽度删除所有#id height 1000px或2000px你设置.set height auto。

添加此课程

      div.slogan h1 {
      margin: auto;
         }

希望所有人都能得到解决。没有导航覆盖。

快乐编码。祝你好运