文字弹出图像替换

Question

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

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

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

隐藏此文字的最佳方法是什么？我不想使用display:none作为其不良做法，我觉得将文本大小设置为0也是禁忌？

Answer 1

最简单的解决方案是采用另一种图像替换技术，例如，为文本提供非常大的text-indent值。有关技术的完整列表及其权衡，请参阅Mezzoblue。

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