相关疑难解决方法(0)

如何隐藏损坏的图像图标？ 示例:

我有一个错误src的图像:

<img src="Error.src"/>

该解决方案必须适用于所有浏览器.

仅使用CSS或HTML,而不是JS.

我有一个firefox的问题.在我的网站上我有很多图片.当我在Firefox中浏览页面时,在加载图像时可以看到边框和图像标题.完成下载后,此边框/标题将消失并替换为图像.

这只发生在firefox中.Chrome和其他浏览器加载的图片没有任何边框和标题,看起来更"干净".用语言来说,这些由firefox生成的边框很难看.

我可以删除它,用装载机或类似的东西替换？我尝试使用background-image添加css loader:url()...认为这些边框不可见,但是,它们仍然存在.

像pinterest,dribbble和其他网站如何提供图像而不在Firefox中生成边框？

谢谢

在Firefox上，如果刷新页面，您将看到加载图像时出现的替代文本。

您可以在Mozilla 页面上看到它（检查第一张图片）。

Chrome 和其他现代浏览器上不会发生这种情况。

我在 Bugzilla 上发现了一个老问题，但结果是“已修复”。

关于这个主题，我找到了这个伪解决方案（也在Stack上）

img:-moz-loading {
  visibility: hidden;
}

效果很好，但正如文档所说，它是非标准的：

非标准 此功能是非标准的，并且不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

有什么解决办法吗？

注意：我不会考虑类似color: transparent或类似的解决方案，根据需要向用户隐藏替代文本。