鏈接用圖片做背景，text-indent:-9999px; 隱藏文字，此效果在 ie 中是正常的，但在 firefox 里，鼠標點擊該鏈接時，虛線框卻會包住被縮進的文字，結果顯示為虛線框 n 長。

　　因為平時是用overflow:hidden; 屬性的，所以一直也沒有注意到這個問題的存在，但當你需要使用 js 來實現某種交互時，強烈建議不要使用 overflow:hidden; 屬性，因為會給你帶來很多意想不到的麻煩。

　　虛線框，其實就是 css 中的 outline 屬性，這也說明 ie 和 firefox 對于 outline 和 border 的解析范圍并不一致：ie 認為虛線框就是border的邊緣，而 firefox 則認為虛線框應該是文字范圍。

　　那 w3c 中是如何定義 outline 的呢？

　　把虛線框去掉了a:focus { outline:0 } ，畢竟這個問題只存在 firefox 中。