Home/ Questions/Q 4615196
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T01:48:19+00:00

In external style sheets of my current JSF project, there are hard-coded links to

  • 0

In external style sheets of my current JSF project, there are hard-coded links to external resources like

.someId { background-image:url(/context/resources/images/example.jpg); }

In the JSF xhtml documents, I could use EL expressions like ${request.contextPath} but how can EL processing be applied to CSS files?

(Related: How can I embed an CSS background image link with JSF?)

Hard-coding of context paths has a disadvantage: the context path – /context in the example – of a web application can be changed at deploy time by modifying the web.xml (or by renaming the web application archive file if no context is specified in web.xml), but links to resources in the CSS files would still point to the unchanged hard coded context, and cause resource not found errors.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I put the CSS images always in a subfolder of the CSS folder. E.g.

    • /resources/css/style.css
    • /resources/css/images/example.jpg

    This way you just end up like

    .someId { background-image:url(images/example.jpg); }

    Yes, they are resolved relative to the URL of the CSS file itself, not to the main JSF/HTML page.

    • 0