鏈接用圖片做背景，text-indent:-9999px; 隱藏文字，此效果在 IE 中是正常的，但在 Firefox 里，鼠標(biāo)點(diǎn)擊該鏈接時(shí)，虛線框卻會(huì)包住被縮進(jìn)的文字，結(jié)果顯示為虛線框 N 長(zhǎng)。

　　因?yàn)槠綍r(shí)是用overflow:hidden; 屬性的，所以一直也沒(méi)有注重到這個(gè)問(wèn)題的存在，但當(dāng)你需要使用 JS 來(lái)實(shí)現(xiàn)某種交互時(shí)，強(qiáng)烈建議不要使用 overflow:hidden; 屬性，因?yàn)闀?huì)給你帶來(lái)很多意想不到的麻煩。

　　虛線框，其實(shí)就是 CSS 中的 outline 屬性，這也說(shuō)明 IE 和 Firefox 對(duì)于 outline 和 border 的解析范圍并不一致：IE 認(rèn)為虛線框就是border的邊緣，而 Firefox 則認(rèn)為虛線框應(yīng)該是文字范圍。

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


　　把虛線框去掉了a:focus { outline:0 } ，究竟這個(gè)問(wèn)題只存在 Firefox 中。