1

I am having CSS using the resources folder in JSF and two sub-folders named css and images. I am trying to use some images as background in the css by writing background-image:url('../images/myImage.png'); but it does not work. This is what I use to load the CSS on the page:

<h:outputStylesheet library="css" name="screen.css" />
LuckyLuke
  • 47,771
  • 85
  • 270
  • 434

1 Answers1

2

You can use el expressions in your css as long as your WAR structure includes the resources folder under which you have your css folder. See my answer here.

In short, this:

.someClass {
    background-image: url('#{resource['images/image1.png']}');
}

Or something similar

Community
  • 1
  • 1
Lucas
  • 14,227
  • 9
  • 74
  • 124