Internet Explorer, отображающий ссылки на изображение с цветной рамкой

У меня есть следующий код CSS для ссылок:

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: Итак, как я могу исправить эту проблему?

Ответы

Ответ 1

Просто укажите границу для изображений:

a > img{
    border: 0;
}

Ответ 2

Использование

img {
   border: 0;
}

Я бы рассмотрел использование таблицы стилей reset или нормализуя таблицу стилей, чтобы обеспечить согласованность стилей во всех браузерах. Это исправление является частью этих таблиц стилей.

Ответ 3

Его старый пост я вижу, но я подумал, почему бы и нет. Существует другое решение, используя border:none;:

a img {
   border:none; 
}

Ответ 4

просто установите границу от всего изображения до 0 px

   img { border: 0px }

Ответ 5

Попробуйте

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