All
Простой вопрос: я хочу включить изображение "logo.png" в качестве фона для моего приложения. Где я должен поместить файл и как я должен ссылаться на него в файле CSS, который находится в папке ресурсов вместе с main_page.js?
Вот остальная часть истории:
У меня есть класс CSS с именем doc-background. Я знаю, что этот класс работает, потому что, когда я устанавливаю цвет фона в файле CSS следующим образом:
.doc-background { background-color: red} это дает желаемый эффект, и Firebug показывает мне, что используется класс doc-background.
Однако, когда я добавляю строку вроде
.doc-background { background-image: url('logo.png'); }, эффекта нет. Firebug показывает, что класс doc-background не применяется. И когда я изменяю стиль в Firebug, чтобы добавить строку о фоновом изображении, в подсказке появляется надпись «Не удалось загрузить URL».
Может кто-нибудь подсказать мне, как работать с ресурсами и изображениями и где их размещать, если я хочу использовать CSS? Я успешно использовал их, используя представление изображений и кодируя их в HTML.
Вот что я уже пробовал:
- Использование статического URL вместо
- Перемещение файла изображения в папку изображений в разделе ресурсов
- Ссылка на изображение с использованием всех вариаций пути - включая только ресурсы / изображения, включая изображения, не включая ни ...
- Много поиска в Google, Чтение, создание собственных приложений и т. Д.
Если у вас есть пример приложения, которое использует цвета и изображения из CSS, это будет наилучшим вариантом! Но местоположение и некоторая помощь со свойством background-image CSS помогут мне начать!
Большое спасибо,
Vis