Не отображается изображение в теге div в IE/Firefox

@Interstellar · Регистрация: 26.05.2014

Студворк — интернет-сервис помощи студентам

Доброго времени суток!
Есть html-документ со следующим содержимым:

HTML5
1
2
3
4
<div class="special questions">
   <div class="icon"/>
   <div class="content"></div>
</div>

Содержимое файла style.css :

CSS
1
2
3
4
5
6
7
8
9
.questions {
  clear: both;
  margin-top: 0.67em;
  margin-bottom: 0.67em; }
  .questions > .icon {
    float: left;
    }
  .questions > .content {
    margin-left: 2em; }

Путь к изображению для класса icon находится в images.css :

CSS
1
2
.questions>.icon { content:url("images/icon_questions.png"); width: 71px; }
img[src$="images/icon_questions.png"] { width: 71px; max-width: 100%; }

В итоге на месте <div class="icon"/> должен располагаться вопросительный знак шириной 71px с выравниванием по левому краю. В IE (11.0.9600.17801) и Firefox (38.0.1) на месте изображения - пустота, однако в инспекторе по наведению на content: url("images/icon_questions.png"); картинка показывается.
В Chrome отображение корректное, как и задумывалось при вёрстке.

Чем может быть обусловлено подобное поведение IE и Firefox?

@Aialonix · 05.06.2015, 22:29

Первый раз вижу, чтобы так устанавливали картинки в CSS

Правильный способ следующий:

CSS
1
2
3
4
5
.icon {
   background-image: url("/images/icon_questions.png");
   float: left;
   width: 71px;
}

Новые блоги и статьи Все статьи Все блоги /
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .