如何将背景图像设置为源文件夹中的图像?

时间:2019-05-03 16:41:00

标签: css background-image

我正在尝试将我的源文件夹中的图像显示为下面的Jumbotron的背景图像:

<div class="jumbotron" style="background-image: url(assets\images\bar.jpg); background-size: 100%;"></div>

assets/images/bar.jpg路径显示带有常规标签的图像,但在用作上面的 url 时未显示。

这是我的图像的存储位置: src/assets/images/bar.jpg

这是我的HTML所在的位置: src/app/event-page/event-page.component.html

有人可以告诉我我需要进行哪些更改,以便此图像显示在我的巨型机的背景中吗?非常感谢!

1 个答案:

答案 0 :(得分:1)

正如Abdul Basit所说,您需要做../../assets/images/bar.jpg