图片路径加载失败，火狐浏览器默认显示断裂图片

在谷歌、IE浏览器中，如果图片路径加载失败，会显示一个默认的断裂图片，像这个样子



而在火狐浏览器中，则图片不会有任何占位，这样就会导致布局上的混乱，用户体验也不好，如何让火狐浏览器显示出断裂图片效果呢？

只需在样式文件css中加入这行代码就可以啦

@-moz-document url-prefix(http), url-prefix(file) {
img:-moz-broken {
-moz-force-broken-image-icon: 1;
width:24px;
height:24px;
}
}