Removing dotted links?

真・懒写于

看了Removing Dotted Links这篇文章。我早就注意到了(因为我之前使用过Fx 1.5的Alpha版)文中提到的关于连接虚线边框的问题:

dotted links

该文提出了去除虚线边框的办法。

我反对去除连接的虚线边框,因为这是连接的一个浏览器默认特性。我怀疑去掉以后有些用户还认不认为(不是知不知道)它是一个连接。

我还认为Firefox这样做是对的。产生这种情况的原因是CSS中一种用图片取代文本的方法导致的。这个方法使用text-indent这个性质,把值设置到足够大,让文本超出屏幕的可视范围。只是超过而已,并没有消失,所以虚线边框的做法只是正确地把CSS的设置展现出来而已。

使用text-indent本身就是一个hack,hack一般都是很dirty的,呵呵。

由于这个原因,我建议使用StopDesign的Using Background-Image to Replace Text的方法,不过需要多加span标签,很不爽啊……

Update:old9在旧版blog中的留言(刚好在blog搬迁期间留言,所以没能整合过来)指教,其实可以通过overflow: hidden来去除超出的虚线框。感谢old9,这确实是一个很好的方法。