页面中加载图片404,Chrome
和 IE
下会显示一个加载失败的占位符(如图),这样用户能够直白的看到有图片加载失败了,可是火狐为什么没有显示类似的占位符?
页面中加载图片404,Chrome
和 IE
下会显示一个加载失败的占位符(如图),这样用户能够直白的看到有图片加载失败了,可是火狐为什么没有显示类似的占位符?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
6 回答2.1k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
火狐比较特殊,可以试试下面的启用方式
地址栏输入about:config 查找browser.display.showimageplaceholders,值设为true
另外图片不显示最好不要用占位符,可以尝试用一下几种方式,在图片加载失败时,给默认的图片。
方式一
懒加载方式,src赋值前判断真实img是否加载成功
方式二
少量img转化
`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">
`
批量img转换