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

Question

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

#sj {display: none}

В HTML:

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

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

Answer 1

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

Answer 2

Существует способ предотвратить запрос HTTP при использовании display:none.Вам нужно сделать изображение 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;
    }
}

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

Answer 3

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

Answer 4

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

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