如果直接用圖片設連結,或切片上的圖片有設連結時,會產生一個外框虛線

虛線

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

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

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

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

---------------------------------------- CSS----------------------------------------------------

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

----------------------------------------------------------------------------------------------------

arrow
arrow
    全站熱搜

    缺小瑞 發表在 痞客邦 留言(0) 人氣()