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

html – 通过CSS替换不可用的图像?,第1张

概述是否可以通过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/notf 是否可以通过CSS或使用其他技术来替换标准的破碎图像?我的所有图像是相同的大小,我有透明度。

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

<div >  <img src="http://www.web.com/found.gif"/></div><div >  <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 – 通过CSS替换不可用的图像?全部内容,希望文章能够帮你解决html – 通过CSS替换不可用的图像?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1111187.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)

    保存