我的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: 谁能帮我哪里错了?
答案 0 :(得分: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
。从那里使用正确的路径来解析图像。
答案 1 :(得分:0)
您可以不确定是否可以尝试此操作,但我认为这是可行的。
background-image: url('..\assets\images\catbg.jpg');
答案 2 :(得分:0)
您的index.html所在的是根文件夹。所以你可以尝试
background-image: url('/assets/images/catbg.jpg'); or
background-image: url('assets/images/catbg.jpg');
从根开始,并给出路径:)