图像替换时弹出的文本

Question

我对我的一个链接使用了标准的图像替换技术（嵌套跨度技术），但由于图像的边缘是圆形且透明的，因此底层的文本链接会弹出。

这是我的截图，解释了我的意思。

http://dl.getdropbox.com/u/240752/peepo.gif

隐藏此文本的最佳方法是什么？我不想使用display:none 作为它的坏习惯，我感觉将文本大小设置为 0 也是不行的？

Answer 1

最简单的解决方案是采用另一种图像替换技术，例如给文本一个很大的text-indent 值。请参阅Mezzoblue，了解技术及其权衡的综合列表。

或者，您可以在样式表的@media screen 部分提供display: none 属性。这意味着它不应该应用于屏幕阅读器（因为这些应该是媒体类型aural）。但是，我无法验证当前的屏幕阅读器是否真的有这种（预期的）行为。