有没有办法解决我在响应式网站上背景图片的这个小问题？

Question

我已经创建了一个新的具有导航栏，文本，背景图片等响应性的网站，然后出现了一个问题。我脚下有一个大白点。有没有办法改变代码中也有我的背景图片？代码是用超文本标记语言、CSS和几行JavaScript编写的。

My Problem

我已经用下面的代码试过了，但是它不工作：

body {
    font-family: "Raleway", sans-serif;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: dimgrey;
}

我的代码：https://jsfiddle.net/q64g3ft7/2/

Answer 1

​

在nav1-1.css文件中，将以下内容添加到html、body、div、p、a、ul、li：

height: 100%;
overflow: hidden;

它看起来像这样：

    html,
    body,
    div,
    p,
    a,
    ul,
    li {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      font-size: 100%;
      vertical-align: baseline;
      height: 100%;
      overflow: hidden;
}