Когда речь идет о загрузке фоновых изображений в HTML, важно помнить, что скрытые элементы обычно не загружают их автоматически. Это означает, что если вы добавили фоновое изображение к элементу, который изначально скрыт с помощью CSS (например, display: none; или visibility: hidden;), браузер не будет загружать это изображение при загрузке страницы.
Однако есть способы "поощрить" браузер загрузить фоновое изображение даже для скрытых элементов. Например, если вы используете JavaScript для изменения свойств CSS элемента и показываете его (например, изменяете display: none; на display: block;), браузер начнет загружать фоновое изображение.
Другой способ - использовать visibility: hidden; вместо display: none;, поскольку в этом случае элемент будет скрыт, но все еще занимает место на странице, что заставляет браузер загружать фоновое изображение.
Таким образом, ответ на ваш вопрос зависит от того, каким образом скрыт элемент - если это делается только средствами CSS, то браузер скорее всего не будет загружать его фоновое изображение. Однако с помощью JavaScript или изменения стиля элемента с visibility: hidden; можно добиться загрузки фонового изображения для скрытого блока.