Question

我的css在 src \ app \ category-nav \ category-nav.component.css 中，而我的图像在 src \ assets \ images \ catbg.jpg 中但是当我尝试链接背景图片时：以下是我用来设置背景图片的属性：

background-image: url('..\images\catbg.jpg');

./src/app/category-nav/category-nav.component.css模块中的
ERROR 错误（来自./node_modules/postcss-loader/src/index.js）：（已发出值而不是Error实例）CssSyntaxError： D：\ git \ noque-subscr \ src \ app \ category-nav \ category-nav.component.css：124：26：无法解析“ ../images/catbg.jpg” 'D：\ git \ noque-subscr \ src \ app \ category-nav'

它不会在浏览器中加载，并在控制台中给出路径错误。我试图在普通的css文件中也设置背景src \ assets \ css \ style.css：谁能帮我哪里错了？

Answer 1

如果图片在其中

src\assets\images\catbg.jpg

和您的CSS输入

src\app\category-nav\category-nav.component.css

您的链接应如下所示

background-image: url("../../assets/images/catbg.jpg")

或

background-image: url("..\\..\\assets\\images\\catbg.jpg")

..告诉上一个目录，因此../../进入路径中的第二个目录，即您的src。从那里使用正确的路径来解析图像。

Answer 2

您可以不确定是否可以尝试此操作，但我认为这是可行的。

background-image: url('..\assets\images\catbg.jpg');

Answer 3

您的index.html所在的是根文件夹。所以你可以尝试

background-image: url('/assets/images/catbg.jpg'); or 

background-image: url('assets/images/catbg.jpg');

从根开始，并给出路径：）

我的css文件位于不同的文件夹中，图像位于不同的文件夹中，但根文件夹相同

3 个答案: