img.error { display: inline-block; transform: scale(1); content: ''; color: transparent;}img.error::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f5f5f5 url(break.svg) no-repeat center / 50% 50%;}img.error::after { content: attr(alt); position: absolute; left: 0; bottom: 0; width: 100%; line-height: 2; background-color: rgba(0,0,0,.5); color: white; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}HTML代码:src="street.jpg" >src="zxx.jpg" onerror="this.classList.add('error');">src="moon-night.jpg" >
加载失败_图片加载失败css处理
最新推荐文章于 2022-09-30 10:17:33 发布