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

Question

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

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

a img {
  ...
}

Answer 1

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

a img {
 border:none;
}

Answer 2

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

a img { border: 0; }

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

Answer 3

a img{
    border-width: 0;
}

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

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

Answer 4

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

Answer 5

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

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

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