DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> css去除點擊鏈接時出現的虛線框
css去除點擊鏈接時出現的虛線框
編輯:布局實例     

   鏈接在被點擊時會出現虛線框,即使松開了也仍然存在,在有的時候顯得不美觀。既然不好看,那就不要它。怎樣去掉呢?

  方法一

  IE下可使用其私有的html屬性:hideFoucs,在標簽的結構中加入hidefocus="true"屬性。即:

 <a href="http://www.xker.com/" hidefocus="true" title="網">網</a>

   而在 Firfox 浏覽器中則相對比較容易,直接給標簽 a 定義樣式 outline:none; 就可以了,即:

  .HideFocus {

  outline:none;

  }

  方法二

  也可以使用CSS expression來控制,但不推薦使用,畢竟expression在性能上有問題。

  .HideFocus {

  hide-focus: expression(this.hideFocus=true); /* for ie 5+ */

  outline: none; /* for firefox 1.5 + */

  }

  除鏈接外,該CSS同樣適用於input和button標簽。

  方法三

  將以下代碼保存為link.htc文件:

  鏈接樣式中加入:

  a {

  behavior:url(link.htc);

  }

  IE中已經沒有問題,但是在FF中虛線框依然存在。再增加一條樣式定義來解決此問題:

  a:focus {

  outline:0;

  }

  這樣IE、FF中虛線都不存在了。

        注:更多精彩文章請關注網頁設計教程欄目。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved