84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
页面中加载图片404，Chrome 和 IE 下会显示一个加载失败的占位符（如图），这样用户能够直白的看到有图片加载失败了，可是火狐为什么没有显示类似的占位符？
Chrome
IE
闭关修行中......
火狐比较特殊，可以试试下面的启用方式地址栏输入about:config 查找browser.display.showimageplaceholders，值设为true
另外图片不显示最好不要用占位符，可以尝试用一下几种方式，在图片加载失败时，给默认的图片。
懒加载方式，src赋值前判断真实img是否加载成功
`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">`
$('img').error(function(){ $(this).attr('src', "default.jpg"); });
火狐直接把alt里的内容显示出来，不会像ie/chrome那样有个默认的图片
火狐比较特殊，可以试试下面的启用方式
地址栏输入about:config 查找browser.display.showimageplaceholders，值设为true
另外图片不显示最好不要用占位符，可以尝试用一下几种方式，在图片加载失败时，给默认的图片。
方式一
懒加载方式，src赋值前判断真实img是否加载成功
方式二
少量img转化
`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">
`
批量img转换
火狐直接把alt里的内容显示出来，不会像ie/chrome那样有个默认的图片