从背景图像隐藏链接文本

Question

例如：

<div id="slideshow-nav">

... ...

<a href="#">Example</a>

... ...

</div>

在CSS中，我有

#slideshow-nav a {
background: url(url-to-image) no-repeat;
color:#fff;
outline:none;
text-decoration:none;
}

我的目标是隐藏文本（“示例”）并仅显示背景。但是，我仍然希望链接可点击。

我该怎么做？

谢谢。

Answer 1

#slideshow-nav a {
background: url(url-to-image) no-repeat;
color:#fff;
outline:none;
text-decoration:none;
text-indent: -9999em;
}

这会起作用吗？