Загружено фоновое изображение css

Question

Есть ли способ обнаружить, что загружено фоновое изображение css? Используя обычные теги, это было бы легко, но мне нужно использовать CSS-фон, потому что я помещаю div над изображением. Причина, по которой мне нужно обнаружить, что это изображение было загружено, заключается в том, что я не хочу начинать предварительную загрузку дополнительных изображений перед отображением фонового изображения.

Answer 1

Вы можете принудительно загрузить фоновое изображение в браузер клиента, используя традиционные методы javascript для предварительной загрузки изображений. После загрузки он кэшируется клиентом и мгновенно отображается при редактировании css фонового изображения в javascript.

Имейте в виду, что это плохая практика для прогрессивного улучшения. Другими словами, внешний вид вашей веб-страницы будет ограничен поддержкой браузером javascript.

Answer 2

Была такая же проблема. Подумав некоторое время, я сделал <img> ниже <div> с фоном и поместил его в качестве фона, используя css. Затем прикрепил onLoad к нему:)