title: Replace Unavailable Images via CSS?
body: <p>Is it possible to replace the standard broken image via CSS or using another technique? All my images are the same size and my have transparency.</p>
  
  <p>I've tried to wrap all images with a div's background:</p>
  
  <pre><code>&lt;div class="no_broken"&gt;
    &lt;img src="http://www.web.com/found.gif"/&gt;
  &lt;/div&gt;
  
  &lt;div class="no_broken"&gt;
    &lt;img src="http://www.web.com/notfound.gif"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>div.no_broken { 
    background-image: url(standard.gif); 
  }
  
  div.no_broken, div.no_broken img { 
    width: 32px; 
    height: 32px; 
    display: block; 
  }
  </code></pre>
  
  <p>But this will display two images on top of each other if the IMG is transparent.</p>