html – 通过CSS替换不可用的图像?

前端之家收集整理的这篇文章主要介绍了html – 通过CSS替换不可用的图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以通过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是透明的,这将显示两个图像。

解决方法

这没有CSS的工作:
<img src="some.jpg" onerror="this.src='alternative.jpg';">

当Javascript被禁用时,似乎甚至可以工作。

猜你在找的HTML相关文章