我有一个问题,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;
答案 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)