Firefox在圖像鏈接周圍顯示藍色框

Question

我在我的網站上的所有這些圖像周圍都有一個錨標籤。當你點擊它時，它會滾動到ID「模板」。

<a class="hi" href="#template"><img src="images/01.png" /></a> 

我已經嘗試了書中的每一個技巧。

a img{border:none; outline: none;} 

border=0圖像標籤本身。

無論我做什麼，點擊圖像後總會有一個藍色的邊框。點擊任意一個圓圈圖像（向下）以供參考。請記住，要在Firefox中查看。

http://stevendennett.com/newsite/

謝謝！

Answer 1

我能夠通過錨顏色設置爲透明刪除邊框：

a.hi { 
    color: transparent; 
} 

Answer 2

試試這個：

a.hi { 
    outline: none; 
    color: transparent; 
    text-decoration: none; 
} 

Answer 3

圖像工作正常Chrome和Opera（15歲以上）。

所以發生的問題是瀏覽器的默認效果，這裏是FF中發生的情況。

而IE（10）：

但其在鉻細，這意味着存在於CSS沒有這樣的效果。

所以你必須嘗試和補充一點：

a > img { 
    border: 0; 
} 

它將從所有這些都是a超鏈接下直接將圖像刪除邊框。

看看你的代碼：

在你的CSS文件，在35行（如果我沒看錯），你有outline: medium none和border: medium none;

我刪除了，又沒有邊界！試試吧:)

Answer 4

試試這個：

a.hi { 
    outline: medium none; 
} 

Answer 5

圖像周圍的虛線邊框綱要<a>標籤。因此，當您刪除邊框並在img中畫出輪廓時，它不會是解決方案。

的解決方案是

我們並不需要把得多的代碼。試試這裏：

a { /* Remove all the outline border all in our document. */ 
    outline: none; 
}