#html #css #internet-explorer
#HTML #css #internet-explorer
Вопрос:
Я отлаживал свою веб-страницу html / css в Google Chrome. Когда я решил взглянуть на это в Internet Explorer, я обнаружил, что все картинки в моем заголовке имеют серые «рамки» вокруг них. Каждое изображение добавляется следующим образом:
.menuItem {
margin: 0px 10px 0px 10px;
}
<a href='input.php' class='menuitem'><img src="icons/pic.png"/></a>
Как мне избавиться от этих фреймов?
Все ответы приветствуются. Заранее благодарю вас.
Комментарии:
1. можете ли вы предоставить некоторые html и CSS? может быть, это граница для ссылок?, чтобы решить это, просто укажите
border: 0;
на изображения.2. @jackJoe Пожалуйста, взгляните на мой обновленный вопрос.
Ответ №1:
Ваши изображения вложены в anchor
тег? Например:
<a href="#">
<img />
</a>
Если это так, это может быть граница ссылки по умолчанию.
Попробуйте установить это в своем css:
a img {
border:0;
}
Комментарии:
1. Пожалуйста, взгляните на мой обновленный вопрос. Я использую другой тег для добавления изображений.
2. @NorS — чем отличается ваш пример по сравнению с этим? Это звучит как правильный ответ. Вы пробовали это? Добавьте приведенный выше код CSS в свою таблицу стилей и сообщите нам, работает он или нет.
3. Должно быть, я неправильно скопировал это в первый раз. Очевидно, это работает. Спасибо вам обоим!