在链接中隐藏文本

Question

我有几个关于在锚标记中隐藏文本并仅显示背景图像的问题。

请注意那些想要通过其他文章的链接来轰炸我的人，并告诉我这是一个重复的问题：我已经搜遍了这个站点和一般网站，并且阅读了解决方案（我解决的方法大多是黑客）想出了。大多数人似乎正在做的事情（或直到最近才完成）是-9999px黑客攻击。同样受欢迎的是/正在将文本包装在一个范围内，并执行诸如this或visibility: hidden之类的操作。现在，我个人认为，隐藏文本只有在隐藏动态时才会有意义，即仅当背景图像未加载时（无论出于何种原因）才显示。然而，我发现的所有“解决方案”都能有效地删除文本，或者至少永久隐藏文本，因此即使未加载背景图像，也不会显示文本。

因此，这里是我的问题：

1. 一个为什么希望有文本，然后永久隐藏它呢？为什么不把锚点留空 - 即只是不要放入任何文本 - 只显示图像？为什么要有文字，然后解读如何隐藏它的头痛？那有什么意义呢？我在这里错过了什么吗？

2. 既然我们有CSS3，那么在显示背景图像时是否存在真正的非哈希，动态方式来隐藏文本，并且在图像出现时出现文本 - 无论出于何种原因 - 都无法加载？我找不到任何资源，所以我认为这不被支持，但也许你们中的一个忍者知道更好？

Answer 1

有不同的可能性，为什么这样做：

1. 搜索引擎扫描的网站也聚集在视觉上隐藏的内容。网站在语义方面变得更好，网页排名也更高。

2. 许多视障人士依赖屏幕阅读器阅读的内容。有时alt标签中的文字是不够的。背景图片甚至没有这样的标签。

你的第二个问题： 对我有检查，如果背景图像加载成功，也显示没有已知的方法（一个完全不同的故事！）。 CSS只根据定义的规则来设置内容的样式。可能有一种JavaScript方式来做到这一点，但在我看来，这是不值得的成本，因为大多数文本不是真正的后备。它具有与上述不同的目的。