2016-12-18 4 views
0

Ich versuchte viele Möglichkeiten, ein Hintergrundbild in meine JSF-Seite aufzunehmen, aber keiner von ihnen funktionierte. Obwohl meine Seite mein Stylesheet erkennt (weil es den Text rot anzeigt), aber das Bild nicht enthält. Sollte ich eine Mapping-Ressource in meiner pom.xml hinzufügen? Bitte beraten.Hintergrundbild nicht einschließlich

This is my folder structure: 

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

Dies ist, was ich in index.xhtml hinzugefügt:

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

Und das ist mein style.css:

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

Sind Sie in der Lage, Ihre Ressource zu erreichen, indem Sie 'yourbaseurl/javax.faces.resource/images/background.png' eingeben? –

+0

Off Topic (obwohl nicht vollständig): http://StackOverflow.com/Questions/11988415/what-is-the-JSF-Resource-Library-for-and-how-should-it-be- – Kukeltje

Antwort

1

Gelöst !!

Das Problem war, dass ich class Attribut anstelle von styleClass Body-Tag, das ist eigentlich ein h: body-Tag. Vielen Dank für schnelle Antworten :)

+0

Ich sollte haben diesen Fehler entdeckt, aber mit einem Browser-Entwickler-Tool, so sollten Sie ;-). Gut, es funktioniert – Kukeltje