首頁 »
2010/03/16

用 CSS 去除超連結醜醜的虛線

當我們在網頁上用滑鼠點到超連結的時候,在文字或是圖片的外面就會出現一個虛線外框

這種虛線外框在一般平常的時候並不會引起特別的困擾或問題~

但是,當我們使用 CSS 語法把文字替代為圖片之後,點到超連結時就會出現一個超大的虛線外框

在 CSS 語法之中對超連結 a{ } 裡面加上「 outline: none; 」就可以去除 Firefox 和 Google Chrome 上的虛線

然後,再混合使用 Javascript 語法「 behavior:expression(this.onFocus=this.blur()); 」就可以去除 IE 上的虛線


完整語法~ 如下所示:


a{outline: none; /* for Firefox Google Chrome  */behavior:expression(this.onFocus=this.blur()); /* for IE */}


東京設計師週Tokyo designer's week←上一篇 │首頁│ 下一篇→解決IE6、IE7、IE8、Firefox、Opera、safari, google chrome 的瀏覽器相容性問題!
本文引用網址: