html - 在 Firefox 中删除带有黑色边框的图像替代文本？

Question

当我在 firefox 中打开我的网站时，它会在黑框中显示 img alt 属性(见附图)。 它只显示一秒钟，当图像开始加载时它就消失了。

我想删除它。

这是我的html代码

<a href="url"><img alt="alt text" width="650" height="241" src="src url" /></a>

它只在 firefox 中显示。

我试过使用这个CSS代码

a img {
    border: 0;
}

但这并没有帮助。

我怎样才能删除它？

Answer 1

简短的回答是你不能。更长的答案是你不应该。

您正在以完全错误的方式处理这个问题。预料之中，我猜 - 在这个时代，没有多少人关心为什么像 ALT 这样的标签属性存在，以及为什么 Firefox 在呈现图像之前麻烦边界。但是如果你想认真对待网页设计，你应该知道这些事情。他们在那里是有原因的。这是因为人是不同的，用户代理是不同的 - 有些人甚至看不清图像，而他们可能会阅读或被屏幕阅读器阅读或阅读页面内容，而屏幕阅读器无法辨别像素内容一切都很好。此外，在某些场景(学术、科学)中，用户代理被配置为忽略图像，只显示 ALT 内容，而不是专注于文本内容。

如果考虑到上述因素，您就可以根据这些事实做出决定 - 您的图像实际上有什么作用？对您的用户来说，看到它很重要吗？如果它确实是它的核心图片，那么您就不必担心它会如何显示给您的用户 - 请放心，他们会看到它并希望他们高兴。

IMG 元素用于基于图像的数据，这些数据是您提供的文档的内容 的一部分，而不是其样式的一部分。这是一个绝对必要的知识，许多人从未想过。分隔符、A 元素之前的超链接图标、页面顶部的巨大横幅、表单按钮 - 所有这些都不是内容的一部分，它们很少对读者有意义。仅凭这一点就可以决定是否应该将它们与 CSS 放在一起。您将 IMG 元素用于照片、绘图、 Logo 、插图等。

换句话说，如果它是您网页设计的装饰部分，您应该考虑是否可以使用背景图片 - 它还会完全消除您的边框和 ALT 问题。 这就是您所能做的一切 - 任何 CSS 都不会并且应该仅仅因为您不喜欢边框就剥夺您页面的用户的可访问性。请记住 - 您的网页不是您的网页，它们是由您的用户查看的。用户代理也是如此——他们使用自己的代理，并且更喜欢按照自己的方式进行设置。你自己是否喜欢边界对他们来说没有什么值(value)或关注。让他们有可能充分利用它们。平面设计是间接的妥协——我们希望使用可用的方法更好地传达我们选择的信息，同时尊重他们的选择和偏好。网页设计很大程度上是因为这是在刀刃上行走。

<div style="background-image: url(forest.jpg); width: 600px; height: 200px;">
    Tree hugging, anyone?
</div>