<img> внутри <a>получает синюю границу

<a href="index.html"><img src="image.png"/></a>

IE8 выделяет изображение с синей рамкой. Я не уверен, что CSS имеет значение здесь, просто ли это границы? Могу ли я использовать один стиль CSS, чтобы отключить его, например:

a img {
  ...
}

Ответы

Ответ 1

Используйте этот css:

a img {
 border:none;
}

Ответ 2

Да, вы можете:

a img { border: 0; }

Вы можете использовать 0 для ширины 0px или none для общей границы, такого же эффекта... они оба работают с кросс-браузером.

Ответ 3

a img{
    border-width: 0;
}

Найти дополнительную ссылку на https://developer.mozilla.org/en/CSS/border

Я предлагаю вам протестировать свой сайт в других браузерах. В этом случае вы заметили бы, что это не проблема IE8.

Ответ 4

Вы пытались установить границу изображения на 0?

Ответ 5

Вы также можете использовать этот

<img height="20px" border="0" src="image.png" />

Однако ответ Сарфараза выше - лучший подход.