Internet Explorer的顯示圖像鏈接與彩色邊框

a { 
    text-decoration: none; 
    color: #248AC9; 
} 

a:hover { 
    color: #8DCFF7; 
}

的問題是，在Internet Explorer中的圖像具有相同的顏色作爲「色」一個奇怪的邊界。我如何解決這個問題，並正確繪製圖像。該HTML代碼很簡單： <a href="calculator-operators.htm"><img src="img/link.png" /></a>

Screenshot: 那麼，如何才能解決這個問題呢？

2012-02-12 Tibi

的可能的複製[如何關閉在IE圖像邊界（http://stackoverflow.com/questions/2958688/how-switch-off-image-border- in-ie） – 2016-02-19 02:49:38

只要指定無邊框的圖像：

a > img{ 
    border: 0; 
}

2012-02-12 13:48:51

這解決了問題......謝謝:)我更喜歡這個解決方案，因爲它不會干擾其他（非鏈接）img樣式。 – Tibi 2012-02-12 13:50:54

請注意，使用零值時不需要指定單位類型。即0;就足夠了。 – devdigital 2012-02-12 14:00:30

@devdigital好點。正式指出。 – 2012-02-12 14:01:25

剛剛從所有的圖像設置邊框爲0 PX

img { border: 0px }

2012-02-12 13:49:33 Melvin

使用

img { 
    border: 0; 
}

我會考慮使用一個reset樣式表或normalising樣式表，以在所有瀏覽器的樣式中提供一致性。此修復程序是這些樣式表的一部分。

2012-02-12 13:50:06 devdigital

+1重置樣式表...這是一個好主意。 – Tibi 2012-02-12 13:57:46

-2

嘗試

a { 
    text-decoration: none; 
    border:0; 
    color: #248AC9; 
}

2012-02-12 13:51:36 ParPar

這不起作用。用白色繪畫不是一個解決方案...背景是一個非常淺灰色，而不是白色。 – Tibi 2012-02-12 13:53:39

一個老後我明白了，但我想，爲什麼不。存在其它的解決方案，通過使用border:none;：

a img { 
    border:none; 
}

2013-06-14 07:23:02

回答