使用后台url()的onerror事件

如果找不到源图像,是否有方法显示备用图像?我知道要做到这一点,需要做如下工作:

<img src=”https://stackoverflow.com/questions/22287474/imagenotfound.gif“alt=”未找到图像“onError=”this.src=”https://stackoverflow.com/questions/22287474/imagefound.gif“;”/>

但是,如果您正在执行类似的操作,您如何捕获是否存在错误或是否未找到图像

<div style=“background:url('myimage.gif')”&gt&lt/部门>

如果myimage.gif不透明,可以使用多个背景:

background:url('myimage.gif')、url('fallback.gif');

这样,只有在myimage.gif不可用时,fallback.gif才会可见

请注意,fallback.gif可以下载,即使myimage.gif可用


或者,尽管没有得到广泛支持,CSS Images 3还是引入了image()符号:

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

多个<图像decl>s可以用逗号分隔,以
在哪种情况下,函数表示第一个不是
无效图像

发表评论