我的css文件在不同的文件夹中,图像在不同的根文件夹中,但根文件夹是相同的



我的css位于src\app\category nav\categority nav.component.css中,我的图像位于src\assets\images\catbg.jpg但当我尝试链接背景图像时:下面是我用来设置背景图像的属性:

background-image: url('..imagescatbg.jpg');

中的错误/src/app/category-nav/category-namev.component.css模块错误(来自./node_modules/postpass-loader/src/index.js(:(已发出值而不是Error的实例(CssSyntaxError:D: \git\noque subscr\src\app/category nav\classification nav.component.css:124:26:无法解决"…"/images/catbg.jpg''D:\git\noque subscr\src\app\category nav'

它不会在浏览器中加载,并在控制台中给出路径错误。我试着在普通css文件中设置背景,也就是src\assets\css\style.css:有人能帮我哪里错了吗?

如果您的图像在中

srcassetsimagescatbg.jpg

以及中的css

srcappcategory-navcategory-nav.component.css

你的链接应该像这个

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

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

..告诉上一个目录,所以../../上到路径中的第二个目录,也就是src。从那里使用正确的路径来解析图像。

您可以尝试一下,但我认为这是有效的。

background-image: url('..assetsimagescatbg.jpg');

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

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

从根开始并给出路径:(

相关内容

最新更新