html – onerror事件使用背景:url()

前端之家收集整理的这篇文章主要介绍了html – onerror事件使用背景:url()前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果没有找到源图像,有没有办法显示替代图像?我知道要做到这一点,就是做下面的事情:
<img src="imagenotfound.gif" alt="Image not found" onError="this.src='imagefound.gif';" />

但是,如果您正在做这样的事情,如果出现错误或图像未找到,该怎么抓?

<div style="background:url('myimage.gif')"></div>

解决方法

如果myimage.gif不透明,您可以使用多个背景:
background: url('myimage.gif'),url('fallback.gif');

这样,只要myimage.gif不可用,fallback.gif才会显示.

请注意,即使myimage.gif可用,也可能会下载fallback.gif.

或者,即使不被广泛支持,CSS Images 3引入了the image() notation

background: image('myimage.gif','fallback.gif');

Multiple 07001 can be given separated by commas,in which case the function represents the first image that’s not an 07002.

猜你在找的HTML相关文章