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

发布时间：2020-12-14 21:29:45 所属栏目：资源来源：网络整理

导读：是否可以通过CSS或使用其他技术来替换标准的破碎图像？我的所有图像是相同的大小，我有透明度。我试图用div的背景包装所有图像： div class="no_broken" img src="http://www.web.com/found.gif"//divdiv class="no_broken" img src="http://www.web.com/no

是否可以通过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被禁用时，似乎甚至可以工作。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!