[css]a css內使用 text-indent 造成 連結虛線過長

今天在製作客戶網站時,發現我在a 給予一個class,
使用了indent:-99999px
結果在firefox內按下該連結
喔喔,虛線很多........... orz
本來我都是使用a內容用span包住給個alt(display:none屬性)的class
但讀到親和力相關的文章
提到這樣某些文字瀏覽器無法判讀display:none
所以就改成使用text-indent

google一下
找到大陸網站我愛 CSS中有一篇text-indent 隐藏文字 出现虚线框outline

因為的確正常狀態text-indent的判讀應該包含縮排的字距離
但因為可愛的IE判讀狀況

而文中提到的W3C規範中好像沒提到這部份
指提到outline的狀況

好吧
設定a.<該class>:focus {outline:0;}
done
大功告成
---
話說
好久沒更新blog了
嗯 連日寄式日記式的心情更新都沒了......

0 回應:

張貼留言

+