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位于您的根目录中。

在HTML5 Boilerplate中添加背景图像

1 个答案: