我的 css 背景图片不显示

Question

我有一个 CSS 中的所有初学者似乎都有的问题，我的背景图像没有显示。
当我尝试设置背景颜色时，它起作用了，但图像没有显示任何内容。我已将图像与文件 css 和 html 放在同一个文件夹中。我想将图像设置为我的 <body> 的背景。我用的是meteor框架

代码如下HTML：

<body> 
  <div class="Units" id="UnitsSelector">
    {{>units}}
  </div>
  <h1>Test </h1>
</body>

这是 CSS 文件的一部分：

body {
 display: block;
 width: 900px;
 margin: auto;
 color: black;
 background-image:url('space.jpg');
}

另外，当我在浏览器上使用检查工具并尝试打开我的 url 时，我遇到了这个错误：

Oops, looks like there's no route on the client or the server for url: "http://localhost:3000/space.jpg."

Answer 1

Answer 2

我在这里看到的最佳方法与这些问题类似： How to serve static content (images, fonts etc.) using iron router

虽然你没有说你用的是iron router。答案是一样的。

您无需执行所有这些操作，只需将文件放在 public 目录下即可。如果添加文件：

app/public/images/space.jpg

您可以从您的模板访问它，例如：

<img src="/images/space.jpg">

无需路由即可完成这项工作。

注意不要忽略前导斜线。

<img src="images/space.jpg">

以上示例适用于您的顶级路线。

My css background-image doesn't show