无法在Web应用中解析图像

时间:2018-05-10 18:44:54

标签: html css angular web-applications relative-path

我正在尝试在我正在处理的Angular Web应用程序中的元素上插入背景图像,但由于某种原因,图像的相对路径会破坏我的应用程序。

enter image description here

这很奇怪,因为在我的这个组件的HTML中,我有另一个图像使用相同的相对路径加载很好(文件在同一个文件夹中)

<img src="../../assets/images/img1.jpg">

2 个答案:

答案 0 :(得分:1)

我认为你的道路不正确只需写下你的路径如下:

.info {
   background-imgae: url('assets/images/geometry.png')
}

并为您的其他图像编写如下代码:

<img src="assets/images/img1.ong">

答案 1 :(得分:0)

你必须再回来一个文件夹:

<img src="../../../assets/images/img1.jpg">

就是这样,你在app文件夹里面,而assets文件夹在外面。