通过Sass在JSF样式表资源中设置背景图片URL

Question

我刚开始使用CSS和espacialy Sass。我在最后一小时尝试做的是从我的scss.文件的源文件夹中设置背景图像。

我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"); 

但它仍然不工作我的背景仍然是白色的。

Answer 1

我找到了解决方案。

问题是，我试图访问我的Java资源文件夹。 但我必须访问webapp文件夹的一个孩子。由于.WAR是从这种情况下构建的。这意味着这是解决方案。

background-image:url("./images/bg.gif"); 

，而我images文件夹是我的webapp文件夹的子。