背景画像は含まれていません

Question

私のjsfページに背景画像を含めるには多くの方法を試しましたが、どれもうまくいきませんでした。私のページは私のスタイルシートを認識しますが（テキストが赤で表示されるため）、イメージは含まれません。 pom.xmlにマッピングリソースを追加する必要がありますか？ お知らせください。

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

そして、これは私のstyle.cssです：

This is my folder structure: 

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

これは私がいるindex.xhtmlに追加するものです

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

Answer 1

が解決しよう!!

問題はstyleClassの代わりにclassという属性をボディタグに付け加えました。実際はh：bodyタグです。素早く答えていただきありがとうございます:)