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

Question

У меня есть следующий код 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>

Итак, как я могу решить эту проблему?

Answer 1

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

a > img{
    border: 0;
}

Answer 2

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

img {
   border: 0;
}

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

Answer 3

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

a img {
   border:none; 
}

Answer 4

Попробуйте

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

Answer 5

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

   img { border: 0px }