【问题标题】:Unable to resolve image in web app无法在 Web 应用程序中解析图像
【发布时间】:2018-10-21 02:50:35
【问题描述】:

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

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

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

【问题讨论】:

  • 使用&lt;img src="../../../assets/images/img1.jpg"&gt;,问题解决了吗?

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


【解决方案1】:

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

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

实际上,你在 app 文件夹里面,而 assets 文件夹在外面。

【讨论】:

  • 是的,我刚试过,它可以工作,但是为什么相对路径在 HTML 而不是 CSS 中工作?
  • @user8972341 html 是否与 css 在同一文件夹中?如果是,它应该工作。如果它对您有帮助,也不要忘记接受答案:)
  • Angular 知道资产文件夹,因此根本不需要相对路径
【解决方案2】:

我认为您的路径不正确,只需将您的路径写如下:

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

对于您的其他图像,只需像这样编写代码:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-12-14
    • 1970-01-01
    • 2012-07-18
    • 2021-01-04
    • 2019-03-16
    • 2021-12-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多