html - background image slow to load

Question

У меня есть фоновое изображение размером ~ 300 КБ.

По какой-либо причине он не будет загружен на мою веб-страницу даже через несколько минут. Это код, в котором я использую фоновое изображение. Он находится на том же уровне, что и моя веб-страница.

Я делаю что-то неправильно здесь? Или изображение слишком велико ...? Спасибо.

body { 
background-color: #D2C7AC; 
background-image:url('background.jpg'); 
background-size: cover; 
background-repeat: no-repeat; 
} 

Я думаю, что проблема решена. Спасибо за помощь :)

Answer 1

URL-адрес изображения должен быть в кавычках.

background-image:url('background.jpg'); 

Вы можете проверить вкладку сети в инструментах для разработчиков, чтобы убедиться, что изображение было найдено правильно, а также (убедитесь, что он не возвращает 404).

Answer 2

Вы можете попробовать использовать Fiddler для исследования:

http://fiddler2.com/fiddler2/

Это поможет вам увидеть то, что происходит в фоновом режиме.