关于火狐浏览器不支持img onerror的办法

Posted 一叶知秋 https://www.cssge.com

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于火狐浏览器不支持img onerror的办法相关的知识,希望对你有一定的参考价值。

项目中,要使用到缺省图,除了火狐浏览器,其它浏览器都支持img onerror事件。我使用到的解决的办法就是给图片的外层标签加背景,背景图用的就是缺省图。

上代码

<img src="" alt=" " class="goods-img" onerror="onerror=null;src=‘../themes/images/error.jpg‘">
.goods-img {
    display: inline-block;
    width: 178px;
    height: 178px;
    padding: 0;
    margin-top: 5px;
    float: none;
    background: url(../images/error.jpg) no-repeat;
}

这样就可以了,把缺省图当做背景图来使用,图片正常显示的话,就会给背景图覆盖掉.

以上是关于关于火狐浏览器不支持img onerror的办法的主要内容,如果未能解决你的问题,请参考以下文章

为啥 Chrome 的 img 元素的 onerror 事件只触发一次?

IE无法获得cookie,ie不支持cookie的解决办法,火狐支持

关于html中img标签的问题

IE无法获得cookie,ie不支持cookie的解决办法,火狐支持

你好,iPhone的火狐浏览器不支持扩展插件吗?

JavaScript img.src onerror 事件 - 获取错误原因