♛ FORTRESS-DESIGN

Как убрать контур у ссылок-картинок в ИЕ

Чтобы при клике открывалось увеличенное изображение или был переход на подробное чтение новости, изображение делают ссылкой.

Но почему-то даже в Internet Explorer 8 (IE  селектор img, окруженный тегом <a>, визуально проявляется рамкой. Цвет которой определяется цветом ссылки. В Google Chrome такого эффекта в виде рамки нет.

На самом деле, это сильно напрягает. В ИЕ выглядит весьма жутко:

На самом деле убрать рамку вокруг изображений-ссылок очень просто. Не надо специально чего-то мудрить с  Internet Explorer, типа условных комментариев, чтобы избавиться от багов, присущих этому чудесному браузеру.

Достаточно просто дописать в CSS к селектору img свойство border со значением none, как показано ниже.

Вариант № 1

a img {
 border: none; /* убрать рамку у ссылок-картинок */
}

Вариант № 2

a img {
 text-decoration: none; /* скрыть контур у ссылок-картинок */
}

Вот и весь секрет

Опять извечный риторический вопрос: когда же ИЕ перестанет отличаться от всех нормальных браузером своими извращениями?. Ведь речь идет не о шестой и даже не седьмой версии браузера? Это ведь восьмой Интернет Эксплорер, который поддерживает веб-стандарты!


Перейти к верхней панели