如何从文件夹中的css在背景中添加图像？答案

【问题标题】：how do i add an image in the background in css from a folder?如何从文件夹中的css在背景中添加图像？
【发布时间】：2017-05-31 19:42:02
【问题描述】：

我有一张图片，根据我在 W3schools 中看到的图片，您可以使用
body background = farm.jpg
这行得通，但它说而且我看到人们这样说，它可以与 css 一起使用

background-image: url(farm.jpg)（带引号和不带引号）

但是每次我尝试都找不到图片。我需要把它放在一个单独的文件夹中吗？

【问题讨论】：

它有效。您可以将图像放在同一个文件夹（目录）或其他文件夹中，只要它的路径相对于页面是正确的。发布您的完整代码以查看哪些不起作用。

标签： html background

【解决方案1】：

这取决于你的css文件在哪里，把你的css文件和图像文件放在同一个地方，然后在下面试试

background-image: url("frame.jpg");

或者您可以使用 / 从根文件夹开始。

background-image: url("/frame.jpg");

Read this.

【讨论】：

【解决方案2】：

(1)https://www.w3schools.com/tags/att_body_background.asp

很遗憾，HTML5 不支持 background 属性。您必须改用 CSS。

（2）你可以使用这个页面的代码示例，什么是有效的：

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-image

例如：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Your page</title>
  <meta name="description" content="The HTML5 page">
  <meta name="author" content="Your Name">
  <link rel="stylesheet" href="css/styles.css?v=1.0">
  <style>
      body {
        background-image: url("background.png");
      }
  </style>
</head>
<body>
  <p>Test.</p>    
</body>
</html>

希望这会有所帮助。

【讨论】：