css - 背景图片不包括

Question

我尝试了很多方法来在我的 jsf 页面中包含背景图像，但都没有奏效。虽然我的页面可以识别我的样式表(因为它显示文本为红色)，但不包含图像。我应该在我的 pom.xml 中添加映射资源吗？ 请指教。

This is my folder structure: 

`WebContent
 |-- META-INF
 |-- WEB-INF
 |-- resources
 |    |-- css
 |    |    |-- style.css
 |    |-- images
 |         |-- background.png
 |-- index.xhtml

这是我在 index.xhtml 中添加的:

<h:body class="main">
        <h:outputStylesheet library="css" name="index.css"></h:outputStylesheet>
        <p class="test"> some text </p>
</h:body>

这是我的 style.css:

.main { 
  background-image: url("#{resource['images:background.png']}");               
}
.test {
    color : red;
}

Answer 1

解决了!!

问题是我将 class 属性而不是 styleClass 放到 body 标签中，这实际上是一个 h:body 标签。谢谢大家的快速回答:)