Question

我真的不知道我在这里做错了什么，似乎无法找到解决方案。路径正确，图像位于右侧文件夹中。这是代码：

<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>COSMOSHOP</title>
</head>

<body>
</body>


</html>

和CSS代码：

body {
    background-image: url('images/nightsky.jpg');
}

Answer 1

在浏览器中打开开发控制台，检查网址是否正确。它有时非常常见

Answer 2

有时，HTML / CSS的问题是浏览器中的缓存。尝试按ctrl + shift + delete，然后删除浏览器缓存。看看是否有帮助

Answer 3

根据提供的代码，您没有<body>内容。所以你的身体基本上是0像素高。尝试添加此项，您应该会看到您的背景图片（假设您的路径正确）。请注意，我只是在身体上添加一个高度，这样你就可以看到图像在那里。一旦开始构建实际网站（即<body>中的内容），您就可以删除高度。因为在body标签上指定height属性是不好的做法。

body {
    background-image: url('images/nightsky.jpg');
    height: 600px; // remove this once you start adding content to the body
}

HTML / CSS - 背景图像未显示在浏览器中

3 个答案: