Чтобы при клике открывалось увеличенное изображение или был переход на подробное чтение новости, изображение делают ссылкой.
Но почему-то даже в 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; /* скрыть контур у ссылок-картинок */
}
Вот и весь секрет
Опять извечный риторический вопрос: когда же ИЕ перестанет отличаться от всех нормальных браузером своими извращениями?. Ведь речь идет не о шестой и даже не седьмой версии браузера? Это ведь восьмой Интернет Эксплорер, который поддерживает веб-стандарты!