通过Sass在JSF样式表资源中设置背景图片URL
问题描述:
我刚开始使用CSS和espacialy Sass。我在最后一小时尝试做的是从我的scss.
文件的源文件夹中设置背景图像。通过Sass在JSF样式表资源中设置背景图片URL
我tryed accesing我目录的几种方法。但没有一个人工作。 我的IDE(IntelliJ IDEA)总是告诉我它无法解析目录。 我想:
background-image:url('${resource(dir: "images", file: "bg.png")}');
background-image:url(../images/bg.png);
background-image:url('../images/bg.png');
background-image:url(../images:bg.png);
background-image:url('../images:bg.png');
同时也可作为refered这个话题How to refernce JSF image在:
background-image: url("#{resource['images/bg.png']}");
我希望你可以为我提供了一个解决方案。
编辑
此行没有给出错误的.scss
文件:
background-image:url("/resources/images/bg.png");
但预编译错误在.css
文件,因为该目录不能再解决。
编辑
不会得到被标记为在任一.scss
或.css
问题是代码:
background-image:url("../../../src/resources/images/bg.png");
但它仍然不工作我的背景仍然是白色的。
答
我找到了解决方案。
问题是,我试图访问我的Java资源文件夹。 但我必须访问webapp文件夹的一个孩子。由于.WAR
是从这种情况下构建的。这意味着这是解决方案。
background-image:url("./images/bg.gif");
,而我images
文件夹是我的webapp
文件夹的子。