html - 通过 CSS 替换不可用的图像？

Question

是否可以通过 CSS 或使用其他技术替换标准的损坏图像？我所有的图片大小都一样，而且我的图片是透明的。

我尝试用 div 的背景包裹所有图像:

<div class="no_broken">
  <img src="http://www.web.com/found.gif"/>
</div>

<div class="no_broken">
  <img src="http://www.web.com/notfound.gif"/>
</div>

CSS:

div.no_broken { 
  background-image: url(standard.gif); 
}

div.no_broken, div.no_broken img { 
  width: 32px; 
  height: 32px; 
  display: block; 
}

但是如果 IMG 是透明的，这将显示两个图像在彼此之上。

Answer 1

这在没有 CSS 的情况下有效:

<img src="some.jpg" onerror="this.src='alternative.jpg';">

它似乎甚至在禁用 Javascript 时也能正常工作。