1. 程式人生 > >解決a標簽點擊會出現虛框現象

解決a標簽點擊會出現虛框現象

實現 fire 不同 onf ie6 ie8 () 解決 bsp

1.解決a標簽點擊會出現虛框現象。

  當a標簽獲得焦點的時候,a標簽的周圍就會出現虛框,它不同於border,不占任何寬度,a失去焦點的時候就會消失,就是outline。

  在遨遊,Firefox ,IE的幾個版本中就會看到、而Safari、Opera、Google 本身不支持這個效果,就看不到。

  解決方法: 可以給a標簽設置 outline: none;但在IE6、IE7 遨遊中都不能實現。只有在IE8、Firefox中才會消除虛框。

       a、在a標簽中加入js控制,當a標簽活的焦點是就強制取消焦點。<a href="#" onfocus="this.blur();"></a>,這裏設置聚焦時觸發blur(),強制取消焦點。

       b、在a標簽裏面嵌入其他標簽,如span ,這樣點擊時,嵌套的標簽活的焦點,a標簽自然就不會出現虛框。

       c、不用a標簽做鏈接,采用其他標簽,用js控制實現點擊跳轉。

解決a標簽點擊會出現虛框現象