javascript - 在 Firefox 中加载图像时显示边框和标题

Question

我有 firefox 的问题。在我的网站上，我有很多图片。当我在 Firefox 中浏览页面时，加载图像时可以看到边框和图像标题。下载完成后，此边框/标题会消失并被图像取代。

这只发生在 firefox 中。 Chrome 和其他浏览器加载没有任何边框和标题的图像，看起来更“干净”。话说，firefox 出的这些边框很难看。

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

像 pinterest、dribbble 和其他网站如何在 firefox 中传送图像而不产生边框？

谢谢

Answer 1

您可以使用 :-moz-loading psuedo-class将其设置为不出现。这样的事情应该有效:

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

另一种方法是 AJAX 加载脚本，它将在后台加载图像并显示加载对话框或动画。有很多方法可以做到这一点，在这里或在谷歌上搜索应该会提示很多很多关于如何有效地做到这一点的结果。