在图像替换时弹出的文本

Question

我对其中一个链接（嵌套跨度技术）使用了标准图像替换技术，但由于图像在边缘是透明的，因此基础文本​​链接将弹出。

继承人我的截图解释我的意思。

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

请告诉我这个隐藏文本的最佳方式？我不想用display:none作为它的不好的做法，我有一种感觉，将文本大小设置为0也是一个禁忌？

任何人都可以提出一个很好的实践技巧，那不会让我试图通过谷歌树掩饰。

非常感谢。

Answer 1

最简单的解决方案是采用另一种图像替换技术，例如，给文本一个非常大的值text-indent。请参阅Mezzoblue以获得全面的技术列表及其权衡。

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