問題討論區


【CSS 語法】文章精華區


【教學】 用 CSS 去除超連結醜醜的虛線



用 CSS 去除超連結醜醜的虛線
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1169

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

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

 

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

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

 

挨呀呀~ 這下事情可大條啦~ 於是咱們飛肯設計學苑的老師就召開緊急討論會議~

經過男丁老師和梅干老師的密商~ 找到了解決方法~

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

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

 

完整語法~ 如下所示:

醜醜的虛線終於消失了~ 危機解除~ 呼~

 

 


2009/11/8 16:22
 


回覆: 用 CSS 去除超連結醜醜的虛線
會員一級
註冊日期:
2009/11/14 18:11
留言: 1
酷斃了∼∼∼老實說雖然看著這個問題很久了 可是對他都是睜一隻眼閉一隻眼XD

2009/11/14 21:13
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 2 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS