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

发布时间：2020-12-14 23:46:57 所属栏目：资源来源：网络整理

导读：如果没有找到源图像,有没有办法显示替代图像？我知道要做到这一点,就是做下面的事情： img src="imagenotfound.gif" alt="Image not found" onError="this.src='imagefound.gif';" / 但是,如果您正在做这样的事情,如果出现错误或图像未找到,该怎么抓？ div s

如果没有找到源图像,有没有办法显示替代图像？我知道要做到这一点,就是做下面的事情：

<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.

（编辑：李大同）

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