Почему не работает атрибут backgroud / background-image в Google Chrome?

Question

[BloodMary]

Товарищи, помогите решить проблему! Я уже голову сломала, весь интернет облазила, но решения так и нет. Почему фоновое изображение в Google Chrome отображается только если добавить свойство background к тегу body? К тегу div сначала все никак не добавлялся, помогла смена селектора на идентификатор (id вместо class). И то, заданный фон видно только в Explorer. При этом работает только свойство background, а background-image, как ни странно, не работает нигде.

Answer 1

[Beeetle]

У вас в пути к файлу, папка в названии имеет пробел, уберите пробел, или замените его на _ и исправьте в пути название папки

Comments

[BloodMary]

Спасибо, помогло! Как все просто оказалось!

Answer 2

[Aleksandr Yurchenko]

Как сказал Xdevelx, пробелы в именах файлов или пути к этому файлу (в вашем случае название папки с пробелом), не рекомендуется. Обычно пробелы меняются на _ или - или пишется слитно (что-то типа adventureConsultants).

Скорректируйте название директории 'Adventure Consultants', что бы в ней не было пробела и внесите изменения в селектор, например:

#div1 {
background: url("Adventure-Consultants/Ice-axe.png") repeat;
}

Comments

[BloodMary]

Друзья, спасибо, помогло! Как просто решение! Никогда бы не подумала, что в этом проблема, так как, если это правило css добавить к body, почему-то работает.