加载图像时出现 Firefox 替代文本

Question

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

您可以在this Mozilla page 上看到它（查看第一张图片）。

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

我在 Bugzilla 上找到了 old issue，但结果为已修复。

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

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

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

非标准此功能是非标准的，不在标准中 追踪。不要在面向 Web 的生产站点上使用它：它不会 为每个用户工作。之间也可能存在很大的不兼容 未来的实现和行为可能会发生变化。

有什么解决办法吗？

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

Answer 1

您可以在需要时使用onload 和onerror 重置替代文本的颜色：

<img style="color: transparent;" onload="this.style.color='black'" onerror="this.style.color='black'" src="https://source.unsplash.com/random/100x100" alt="Alternate text" />