我的css背景图片没有显示

时间:2018-02-27 10:49:32

标签: html css meteor background-image

我有一个问题,CSS中的所有初学者似乎都有,我的背景图像不显示。
当我尝试将背景颜色设置为有效时,图像没有任何显示。 我把我的图像放在与文件css和html相同的文件夹中。 我想将图片设置为import { ViewChild, ... } from '@angular/core'; ... @ViewChild('myDrawerOne') drawer; @ViewChild('myDrawerTwo') drawer2; private clickCount: number = 0; public handleClick(): void { this.clickCount++; if(this.clickCount === 1) { this.drawer.toggle(); return; } this.clickCount = 0; // reset clickCount if necessary this.drawer2.toggle(); } 的背景。 我使用框架流星。

以下是代码HTML:

<body>

以下是CSS文件的一部分:

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

此外,当我在浏览器上使用检查工具并尝试打开我的网址时出现此错误:

  

哎呀,看起来客户端或服务器上没有路由的网址:&#34; http://localhost:3000/space.jpg。&#34;

2 个答案:

答案 0 :(得分:1)

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

虽然你没有声明你正在使用铁路由器。答案是一样的。

您可以将文件放在公共目录下,而不是完成所有这些操作。如果您添加文件:

app/public/images/space.jpg

您可以通过以下模板访问它:

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

不需要任何路线来完成这项工作。

小心忽视铅斜线。

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

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

答案 1 :(得分:-1)

  1. 在Chrome中打开devtools
  2. 点击&#34; console&#34;
  3. 您可以看到找不到错误space.jpg
  4. 查看错误链接到您的图片
  5. 搜索错误链接与实际位置之间的差异(解决方案1)
  6. 如果一切都好 - 玩宽度/高度/背景位置(解决方案2)