我一直在寻找一种方法来替换文本缩进:-9999px css 技巧用于隐藏链接文本并将图像显示为主页 Logo 按钮的链接。我找到了一个似乎有效的简单解决方案，但似乎没有得到任何炒作，所以我想知道是否有我看不到的漏洞。 下面是解决方案，其中 class="homeButton"应用 css 翻转图像，而 class="hide"显然隐藏了链接文本。如果这有任何缺点，请告诉我我不认为仍然有基于文本的链接，文本不会正常显示在屏幕上，但仍会出现在屏幕阅读器和搜索引擎中。 一如既往的感谢...
<a class="homeButton" href="index.html"><span class="hide">Home Button</span></a>
最佳答案
您没有确切说明您是如何获取 .hide 的内容的，但是如果您的想法是使用 display:none，那就算了。屏幕阅读器 和 搜索蜘蛛都会忽略带有 display-none 的元素，因为隐藏的内容被认为是不相关的(尤其是黑帽 SEO 人员可以轻松地用关键字填充隐藏文本)。 p>
我真的不明白文本缩进解决方案有什么问题。当然，我会减少缩进值以阻止 IE6 为巨大的未使用 Canvas 保留内存，但它仍然是这些努力的推荐技术。
关于css - 文本缩进以隐藏链接文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16157476/