Question

我在html文件中有下面的代码，问题是背景图片没有显示，当我尝试从css文件中执行时。有人可以帮我解决我做错了什么吗？提前谢谢！

<head>
  <style>
  body{
    background-image: url("trees.jpg");
  }
  </style>
</head>

Answer 1

尝试使用！important

<head>
  <style>
  body{
    background-image: url("trees.jpg") !important;
  }
  </style>
</head>

Answer 2

首先，你需要设置身体的高度，如果它们在身体中没有内容，那么图像将不会显示

其次，此代码仅在您的html文件和图像位于同一文件夹

时才有效

<head>
  <style>
  body{
    background-image: url("trees.jpg");
  }
  </style>
</head>

如果图片位于说img文件夹中，则需要执行此操作

body{
    background-image: url("img/trees.jpg");
}

但是如果img文件夹与html不在同一目录中，而是在其父目录中。你需要这样做

body{
    background-image: url("../img/trees.jpg");
}

Answer 3

最有可能无法找到文件目的地，尝试检查您是否正确输入文件名，甚至是文件扩展名。有时是大写的文件扩展名，如“.JPG”。