How to include image into css file using JSF tag

Question

I have this css file which sets background image into JSF page:

body { padding: 35px; background: #4c4c4c url(images/grad1.png) 0 0 repeat-x; color: #fff; font: 11px/normal Arial, Helvetica; }

I want to use this tag in order to include the image as JSF resource:

<h:graphicImage library="images" name="grad1.png" />

How I can include the image into the css file as JSF resource?

BalusC · Accepted Answer · 2013-04-23 18:53:24Z

3

Provided that your CSS file is loaded via <h:outputStylesheet>, use #{resource} mapping.

body {
    padding: 35px; 
    background: #4c4c4c url(#{resource['images/grad1.png']}) 0 0 repeat-x; color: #fff; 
    font: 11px/normal Arial, Helvetica;
}

answered Apr 23, 2013 at 18:53

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to include image into css file using JSF tag

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related