图片加载异常占位处理实例页面

回到相关文章 »

效果:

代码:

CSS代码:
img {
    width: 128px; height: 96px;
    object-fit: cover;
}
img[src$="break.svg"] {
    object-fit: contain;
    outline: 1px solid #ddd;
    outline-offset: -1px;
}
HTML代码:
<img src="street.jpg">
<img src="zxx.jpg" onerror="this.src='break.svg';">
<img src="moon-night.jpg">