Question

我有一个HTML文件，其子目录名为 images ，其图像名为home-back.jpg。在我的CSS文件中，我有：

我的HTML：

背景图片没有显示，我只看到白色背景。任何想法如何解决这个问题？

Answer 1

我发现您尚未关联style.css文件。添加：

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

而且，您还没有为#home设置任何宽度。

Answer 2

您没有CSS的链接？

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

Answer 3

老实说，我不明白为什么人们制作单独的css文件，除非它们很大并且有大量的css文件。

通过执行

将css放入代码中

<style>
All your css in here
</style>

此<style>代码位于<head>代码

中

此外，请务必完成所有内容的样式。

但如果您要将其关联，请在<link rel="stylesheet" type="text/css" href="style.css">标记中使用<head>。

我意识到你遇到了麻烦。如果您不打算为图片添加任何子项，则可以将其设为<img>标记。

Answer 4

Nicat和Paul已经给出了答案的一部分。在高度之后你也错过了;。

index.html作为styles.css在同一个（根）目录中吗？然后，您需要将路径更改为background-image: url('images/home-back.jpg')。

我建议你写css如下：

#home {
   background-image: url('../images/home-back.jpg');
   height: 700px;
}

这使您的代码更易于阅读，并防止出现小错误。

Answer 5

@Berrick检查你的网址（'../ path / to / images'）

图像文件的目录需要相对于CSS样式表，而CSS样式表需要相对于Index.html。