html - Angular 4+ 背景 css 引用 URL 图片路径

Question

我一直被试图在我的应用程序中引用图像所困扰。目录结构为:

src/app/assets/images/splashImage.png

在这个微不足道的案例中，我试图从以下位置引用它:

src/app/app.component.html

html的第一行:

<div class="splashContainer">

css文件:

.splashContainer {
background: url("../../assets/images/splashImage.png") no-repeat center center fixed;

构建诊断表明无法在 --> 上面的 URL 路径中找到文件。

我的规则显然是错误的，是从存放 html 的文件夹开始计数。 app 是 1，src 是 2，这让我在 assets 文件夹之上。因此这两个 ../部分。

我做错了什么？

提前致谢。瑜珈

Answer 1

尝试

background: url(assets/images/splashImage.png) no-repeat center center fixed;