title: Accessing images with CSS url() in Primefaces
body: <p>This is from the Primefaces docs:</p>
  
  <blockquote>
    <p>Button Icons</p>
    
    <p>An icon on a button is displayed using
    CSS and image attribute.</p>
  </blockquote>
  
  <pre><code>&lt;p:commandButton value=”With Icon” image=”disk”/&gt;
  
  &lt;p:commandButton image=”disk”/&gt;
  </code></pre>
  
  <blockquote>
    <p>.disk is a simple css class with a
    background property:</p>
    
    <p>.disk {
        background-image: <strong>url(‘disk.png’)</strong> !important; }</p>
  </blockquote>
  
  <p>My question is: where does this url() point to? In other words, where should I put my images so that the CSS could access it?</p>
  
  <p>I've tried /resources, /resources/img, no luck. Yes, it was working with an absolute URL (one that includes the context path), but that makes the application not portable.</p>