Загружаются ли фоновые изображения, если непрозрачность контейнера равна 0

Question

Поддерживает ли браузер загрузку элементов фона при непрозрачности элементов 0?

.element { 
    background-image: url("someurl"); 
    opacity: 0; 
} 

Answer 1

В Chrome Hit F12, выберите фильтр значок и отметьте изображений. Это покажет вам все изображения, загруженные для текущей страницы.

Изображения, такие как другие носители, такие как видео и аудио, загружаются независимо от правил CSS.

Стоит отметить, как вы скрываете свой элемент доступные методы, чтобы сделать это:

display:none удаляет элемент из потока документа, который вызывает перекомпоновки, когда вы установите его обратно в display:block

visibility:hidden сохраняет элемент в потоке документа, когда вы используете visibility:visible, он не вызывает переплавку.

Answer 2

Да. Они также загружаются, если они display: none;

Answer 3

Да. Браузер загружает элементы, но их невидимые; вы можете проверить его с помощью набора текста