①img 元素如果因为网络或者跨域限制等原因无法正常加载,在默认情况下会显示浏览器默认的 “裂开” 的图片效果,如果设置了 alt 属性值,则 alt 属性对应的内容也会一并显示;
②传统的图片加载异常会使用一个加载失败的占位符代替,这个占位图通常会是一张裂开的图片,触发使用占位图可以通过 onerror 事件;
③为了便于维护,图像加载 error 的时候不再是替换 src 地址,而是新增一个错误类名,例如.error(注意,这个类名是非必须的);
④替换元素支持::before, ::after 伪元素也是最近几年浏览器才支持的;
⑤不仅 img 元素可以使用::before, ::after 伪元素创建新的 UI,input 元素(例如单选框、复选框)也是可以使用伪元素创建额外的 UI 效果的;
(参考:www.zhangxinxu.com/wordpress/2…