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

Question

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

我尝试了几种访问我的目录的方法。但没有一个工作。 我的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');

同样如本主题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文件夹的子文件。