IE邊框/框架出現在鏈接的圖像上

Question

我正在尋找周圍的這個小問題。 除了border：0我什么也沒找到； 根本不做任何事情...

我正在使用CSS重置，並且除IE之外，所有瀏覽器都可以正常運行。 我沒有任何較舊的IE，所以這個問題對我來說在IE 9中出現了...

當我有鏈接到某處的圖像時...

例：

<a id="deviantart" href="http://deviantart.com" target="_blank"></a>

    #deviantart {
    background: url("../img/socials-sprite.png") 0 21px;
    width: 21px;
    height: 21px;
    position: absolute;
    }

當我單擊它時，會出現一種邊框...預覽： http : //snpr.cm/uJl3Q4.png

不知道為什么會出現這種東西，是否有解決方案？ 當我發現其他瀏覽器無法正常運行時，我會不知所措。

Answer 1

嘗試將outline屬性設置為none 。

#deviantart {
  outline: none;
}