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标记。谢谢大家快速解答：）

背景图片不包括

1 个答案: