css - 在 HTML5 样板中添加背景图片

Question

我最近下载了 html5 样板文件，并试图很好地掌握如何将我的 css 代码合并到 html5 样板文件的 main.css 中。我需要知道如何将我的背景图片添加到我的页面？

  html {
    background:url(Images/laptop.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
       }

Answer 1

试试这个:

body {
  background-image:url(../Images/laptop.jpg) no-repeat center center fixed;
  // rest of your code
}

您的 CSS 文件应位于 css 文件夹中，图像应位于不同的文件夹中。因此，我在路径前使用了../。

以下是文件路径的简要说明:

./表示当前目录

../表示当前目录的父目录，不是根目录

/为根目录

myfile.text 在当前目录，./myfile.text

../myfile.text 比您高一级，/myfile.text 位于您的根目录中。