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

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

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

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

所以我們可以加入以下語法在.css檔案中，然後儲存覆蓋掉原先的檔案，就會變成外框不見了。

如果覺得前面兩張圖看不出差異？那就讓兩張圖片併在一起比較一下，有沒有注意到圖片的外框多了一個淺藍色的外框呢？底下那一張圖是有藍色框，上面這張圖是沒有藍色框，也就是去除乾淨的。

相關文章

全台美食、親子景點懶人包，日本自由行懶人包、必買必吃規劃，連假旅遊一次搞定！

高雄推薦床墊，MIT精選高品質床墊，30年手工師傅製作！

[教學]如何取消Twitter隱私敏感內容？iOS設定也通用

[教學]如何申請教召請假核免、隔離確診補請假流程？

台灣一日遊行程懶人包，連假景點，老街必吃必買逛透透，親子旅遊行程，約會打卡好去處

[教學]如何申請台北捷運誤點證明？

[教學]如何申請衛服部「數位新冠病毒健康證明」來取代診斷證明書？

[教學]如何自訂Facebook貼文標題和縮圖？

[教學]如何使用花旗信用卡點數折抵帳單？