how to apply background image using css in JSF
i am trying to apply a background image to a div in css the image is loaded correctly but it does not show up when I load the page.
the image is correctly loaded but it does not show up when i load the page. however the image shows up when I edit the css from firefox and chrome. searched stackoverflow question never found the reason why this happens. the image is under resources/img folder
CSS code:
.pic-header{background-image:url("#{resource['img/Group810.png']}";height: 300px} JSF Code
<div class="pic-header text-center" > <h1>#{UiElements.USERS}</h1> </div> the image works if i edit CSS code using a browser. however, when I load the page the background does not show up for some reason
