火狐浏览器怎么不显示加载失败的图片占位符

页面中加载图片404,ChromeIE 下会显示一个加载失败的占位符(如图),这样用户能够直白的看到有图片加载失败了,可是火狐为什么没有显示类似的占位符?

Chrome 下 404 的图片

IE 下 404 的图片

Firefox 下 404 的图片

阅读 4.8k
2 个回答

火狐比较特殊,可以试试下面的启用方式
地址栏输入about:config 查找browser.display.showimageplaceholders,值设为true

另外图片不显示最好不要用占位符,可以尝试用一下几种方式,在图片加载失败时,给默认的图片。

方式一

懒加载方式,src赋值前判断真实img是否加载成功

方式二

少量img转化

`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">
`

批量img转换
  $('img').error(function(){
            $(this).attr('src', "default.jpg");
         });

火狐直接把alt里的内容显示出来,不会像ie/chrome那样有个默认的图片

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题