如果没有找到源图像,有没有办法显示替代图像?我知道要做到这一点,就是做下面的事情:
<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.