HTML/CSS-浏览器中没有显示背景图像



我真的不知道我做错了什么,似乎找不到解决方案。路径是正确的,图像在正确的文件夹中。这是代码:

<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');
}

在浏览器中打开开发控制台,检查url是否正确。有时它不是是非常常见的

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

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

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

最新更新