Загружается ли браузером элемент с display: none, установленный в css?

Question

Будет ли браузер по-прежнему загружать изображение?

<img src="/myimage.jpg" style="display:none;" />

Answer 1

Да, по крайней мере, в соответствии с сетевой консолью в Firebug.

Как указано thethimble , CSS - это уровень представления и влияет на рендеринг, а не на фактическую обработку страницы.

Некоторые браузеры, особенно мобильные, не могли бы не загружать их в попытке оптимизировать производительность.

Answer 2

Да.

Однако, как примечание, некоторые браузеры не загружают изображения с атрибутами width и height, равными 0. Сейчас не удается найти источник, просто протестировали Firefox и Safari, и они делают загрузить. Должен быть IE, кто-нибудь может проверить меня? Спасибо.

Если вы сомневаетесь, наберите номер строки или используйте специальный браузер (Firebug для Firefox, Web Inspector для Webkit и т. Д.)

Answer 3

Да.Рендеринг изображения не имеет ничего общего с его загрузкой.

Редактировать:
Попробуйте использовать Chrome или Firefox для проверки синхронизации ресурсов страницы.Обратите внимание, что все изображения загружаются.Даже те, чей стиль отображения не установлен.

Answer 4

Причудливый режим: изображения и отображение: нет

Когда изображение имеет display: none или находится внутри элемента с display:none, браузер может не загружать изображение до тех пор, пока display установлено другое значение.

Только Opera загружает изображение, когда вы переключаете display на block. Все остальные браузеры скачивают его немедленно.