背景图片没有加载

Question

我是html / css的新手，我不明白为什么我的背景图片没有显示出来。这是简单测试CSS表和简单站点的HTML代码的一部分。我正在尝试添加背景图像，我已经完成了一次这样的工作，但我不知道为什么它现在不起作用。

.timeline{
    width: 100%;
    height: 400px;
    display: inline-flex;
    background-image:url("img/back.jpg");
}

Answer 1

你的规则是错误的。您正尝试设置background-image，background-position和其他规则，但规则名称仅为background-image。

使用background代替background-image

Answer 2

您的background-image语法不正确

您需要使用background-repeat: repeat;进行重复。这是doc background-image

.timeline{
  width: 100%;
  height: 400px;
  display: inline-flex;
  background-image:url("img/back.jpg");
  background-repeat: repeat;
}

Answer 3

尝试替换此代码

display:inline-flex;

到此代码

display:flex;

Answer 4

这很有效。假设您的文件路径正确。

.timeline{
width: 100%;
height: 400px;
display: inline-flex;

background-image：url（img / back.jpg）; }

Answer 5

.timeline{
  width: 100%;
  height: 400px;
  display: inline-flex;
  background-image:url("./img/back.jpg");

}