Делать изображения с дисплеем: ни один из них не выполняет HTTP-запрос?

В таблице стилей:

#sj {display: none}

В HTML:

<img id="sj" src="scarlett-johansson.jpg" width="640" height="360" alt="scarlett johansson" />

Происходит ли запрос HTTP для изображения?

Ответ 1

Да, они по-прежнему вызывают HTTP-запрос. Пример: http://jsfiddle.net/RzFG2/

Ответ 2

Существует способ предотвратить HTTP-запрос при использовании display:none. Вам нужно сделать изображение a background-image в CSS и установить родительский элемент в display:none.

HTML:

<div id="test3">
    <div></div>
</div>

CSS

#test3 div {
    background-image:url('images/test3.png');
    width:200px;
    height:75px;
}
@media all and (max-width: 600px) {
    #test3 {
        display:none;
    }
}

Вот ссылка где вы можете прочитать о всех видах тестов по этой проблеме.

Ответ 3

Да, запрос по-прежнему отключается, но изображение не отображается.

Ответ 4

Вы можете проверить, был ли запрос в консоли браузера ctrl shift + J и в разделе Сетевой фильтр Img и посмотреть, загружается при обновлении.

Ну, вот как вы можете протестировать его, но я здесь, потому что я был ленив, чтобы проверить это сам, и было быстрее искать его в stackoverflow:)