如何隐藏损坏的图像图标？
例： @H_404_3@我有一个图像错误src：
例： @H_404_3@我有一个图像错误src：
<img src="Error.src"/>@H_404_3@该解决方案必须在所有浏览器中工作。 @H_404_3@仅使用CSS或HTML，而不是JS。
解决方法
CSS / HTML没有办法知道图像是否断开链接，所以你将不得不使用JavaScript，无论什么
@H_404_3@但这里是一个最小的方法隐藏图像，或替换源的备份。
<img src="Error.src" onerror="this.style.display='none'"/>@H_404_3@要么
<img src="Error.src" onerror="this.src='fallback-img.jpg'"/>@H_404_3@更新 @H_404_3@您可以通过执行以下操作，将此逻辑应用于多个图像：
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">
