解决方法
CSS / HTML没有办法知道图像是否断开链接,所以你将不得不使用JavaScript,无论什么
但这里是一个最小的方法隐藏图像,或替换源的备份。
<img src="Error.src" onerror="this.style.display='none'"/>
要么
<img src="Error.src" onerror="this.src='fallback-img.jpg'"/>
更新
您可以通过执行以下操作,将此逻辑应用于多个图像:
document.addEventListener("DOMContentLoaded",function(event) { document.querySelectorAll('img').forEach(function(img){ img.onerror = function(){this.style.display='none';}; }) });
<img src="error.src"> <img src="error.src"> <img src="error.src"> <img src="error.src">