时间戳

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

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

问题描述

我创建了一个带有导航栏、文本、背景图像等的新响应式网站。然后出现了一个问题。在我的页脚下有一个大的白点。有没有办法更改还有我的背景图像的代码？代码是用 HTML、CSS 和几行 JavaScript 编写的。

我的问题

我已经用这段代码试过了，但它不起作用：

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/

标签： javascripthtmlcss

解决方案

在此处输入图像描述在您的 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;
}

推荐阅读