Question

我正在尝试加载一个简单的背景图片，但它让我愚蠢地试图加载它。任何人都可以看到我做错了吗？

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中所述。

Answer 1

您的引用需要与您的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;
}

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

Answer 2

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

enter image description here

我不能让背景图像工作

2 个答案: