Html 在firefox中删除带有黑色边框的图像alt文本？

当我在firefox中打开我的站点时，它会在一个黑框中显示img alt属性，请参阅附件图像。 它只显示一秒钟，当图像开始加载时，它就消失了

我想删除这个

这是我的html代码

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

但这没有帮助

---

我怎样才能删除它？

简单的回答是你不能。较长的答案是你不应该这样做

你以一种完全错误的方式处理这个问题。我想这是意料之中的事——在这个时代，没有多少人会去想为什么像ALT这样的标签属性会存在，为什么Firefox会在渲染图像之前先处理边框。但是如果你想认真对待网页设计，你应该知道这些。他们在那里是有原因的。这是因为人是不同的，用户代理是不同的——有些人甚至不能很好地看到图像，而他们可能会阅读或被屏幕阅读器读取页面内容，而屏幕阅读器无法很好地识别像素内容。此外，在某些场景中，学术、科学、用户代理被配置为忽略图像，只显示ALT内容，而专注于文本内容

如果你考虑到上述因素，你就可以根据这些事实做出决定——你的形象实际上是做什么的？你的用户看到它很重要吗？如果它确实是一幅处于核心位置的图片，那么你就不必为如何向用户展示它而烦恼了——请放心，他们会看到它，希望他们会感到高兴

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

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

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

---

我知道这是一个老问题，但这里是2017年更新与CSS唯一的解决方案使用伪元素

img:在{ 内容：attralt； 位置：绝对位置； z指数：2； 排名：0； 左：0； 宽度：100%； 身高：100%； 背景色：fff； }

---

使用img{outline:0；和{outline:0；}现在您可以转到html部分并删除img标记上的alt标记实际上，删除img标记上的alt属性是一种不好的做法。它们对于搜索引擎的可访问性和可索引性很重要，例如，这很重要。有一件事是，一开始就没有alt属性，因为您没有时间，但是在一开始就删除alt属性的人颂词对他们的用户是一种真正的伤害。请不要删除alt，特别是如果你的论点是你的时间就是金钱的话。

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