-2

我正在尝试加载一个简单的背景图像，但它让我愚蠢地尝试加载它。谁能看到我做错了什么？

HTML

<!DOCTYPE html>
<html>
<head>

    <title>TEST</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/normalize.css"> 


</head>

<body>

<h1>Hello World</h1>


</body>
</html>

CSS

html { 
  background: url(images/bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

背景图像位于 images/bg.png 中的目录中，如上述 css 中所述。

4

2 回答 2

0

您的参考需要相对于您的 CSS 目录，而不是您的页面位置：

html { 
  background: url('../images/bg.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

假设您的 images 文件夹与 CSS 文件夹在树上的深度相同，这应该适合您。

于 2013-11-04T17:31:07.543 回答
-2

这取决于您的图像在哪里，如果您使用的是浏览选择应该在您键入时弹出，您可以在计算机中搜索图像。如果没有，那么您可以复制它，例如：

在此处输入图像描述

于 2013-11-04T19:03:36.033 回答