我知道如果我想将图像转换为可点击链接,我可以执行以下操作:
<a href="http://twitter.com/username"><img src="icons/twitter.png" /></a>
但我更喜欢使用CSS背景图像,以便我可以拥有悬停状态:
<a class="twitter" href="http://twitter.com/username"></a> # css .twitter{display:block; width:16px; height:16px; background:url("twitter.png")}
这工作正常,但我不确定有一个什么都不包含的锚链接是完全有效的. Chrome和FF一样好,但我不确定其他人是否相同.
我意识到我可以在链接中放入一些文本,并使用text-indent隐藏它:-9999px,但我从未喜欢过这种方法,因为various reasons.我的代码是否跨浏览器兼容?