我的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');
从根开始并给出路径:(