[CSS]如何去除圖片超連結的藍色外框？

發表時間： 2013-04-28

在製作網頁時，有時候為了方便與快速，我們會直接對圖片做超連結而不使用背景圖片的方式處理，雖然這樣比較簡單與方便，但若忘記針對CSS做設定，在IE瀏覽器下可能會看到圖片有藍色外框，這到底是哪邊設定造成的呢？這種主是IE瀏覽器預設值的問題，在Google瀏覽器、火狐瀏覽器上都是正常沒問題的，不過還是針對網頁設定一下比較好。

要解決圖片加上超連結後所產生的藍色外框問題，一個是直接針對圖片做「border:0」的設定，但是為了永絕後患，避免以後其他圖片帶超連結時還是在IE瀏覽器下出現藍色外框，建議大家還是針對CSS直接設定圖片的外框為0，把問題一次解決會比較好，這樣就不用每一張圖片都去設定，解省掉許多不必要的麻煩喔！

之前我們也介紹過跟CSS與瀏覽器原生定義造成問題的，所以可以使用jQuery和CSS去除超連結虛線，這回我們要介紹的也是一個很小的技巧，就是當你發現圖片加上超連結之後有不明的藍色外框，這時候我們只要將圖片的邊界設定為0，也就是img語法設border為0就可以解決問題了，不過講這麼多，你如果還不知道我們在講什麼就看一下圖片吧！

這張圖片就是有加上超連結，而且在IE瀏覽器下會出現不明的藍色外框，如果一開始沒注意還以為是圖片本身的外框，可是當你點了連結之後又重新拜訪這個網頁，很可能外框顏色變成紫色也就是代表你拜訪過這個連結的顏色，雖然有些人覺得沒差，但基本上拿掉會比較好看，保持圖片原生的感覺。

[CSS]如何去除圖片超連結的藍色外框？