在Firefox中隐藏alt标签

Question

根据默认行为,alt属性在图像渲染之前第一次呈现.我在网格中显示25个图像,因为它alt首先显示所有属性,看起来有点尴尬.

是否可以alt在Firefox中隐藏属性？

注意: alt在我的情况下,属性包含动态名称.

Answer 1

在尝试了所有其他方法之后,我发现这种方法效果最好,这使得文本在图像加载之前是透明的:

.yourClass img {
    color: transparent;
}

Answer 2

阻止alt显示属性值的方法是删除属性.

alt属性(非标签)的含义是,在未显示图像的情况下,它指定替代图像,替代图像.因此,如果您想在图像尚未加载时隐藏它,那么您要求的行为与该属性的含义相矛盾.

但是,您可以alt通过设置例如在Firefox上使文本不可见(使用常见的CSS警告)

img { background: white; color: white; }

在CSS中.这意味着alt如果浏览器从未获取图像,或者浏览器已配置为不显示图像,则文本也是不可见的.

Answer 3

从以上所有答案的参考中，我发现最好的方法是使用

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

假设没有图像并且我们使用颜色为白色或透明，那么 alt 属性不再使用，因此，如果没有图像来显示此处要加载的图像并显示要显示的替代文本，则我们需要此属性。