goTOP
July 31, 2010

CSS 取消 link 按下時的框線

| |
網頁語言 » CSS | 閱覽(2333) | Posted by apao at 00:50
點擊在新視窗中瀏覽此圖片
由於為了網頁顯示更快速,將rollover的圖檔集中在一個圖檔時,在Link的地方,按下時會出現無限延長點線式的筐線,以下面的方式解決就可以了。
不知道的話,還真的會為了這件事情查了老半天...

解決重點︰
CSS中寫入 [outline: none; ]就可以了

寫例︰
a { outline: none; }

測試︰
Mac
Safari4 (完全不出現), Firefox3.6 (拉了link的地方還是會出現)

Win
Firefox 3.6
IE (按下時還是會出現框線,不過是正常的link的範圍)


參考︰
http://study.aruko.net/2007/11/01/13/

Facebook twitter LINEk
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我