Загрузка фоновых изображений из css файла в метеор

Я создаю приложение метеоритов в первый раз и сталкиваюсь с некоторыми проблемами. В частности, я пытаюсь заставить зрителя изображений работать, но стрелки вправо и влево в кнопках навигации, кажется, отсутствуют. Когда я пытаюсь загрузить изображения, которые должны быть в кнопке, с помощью инструментов разработчика Google, он отображается как пустой образ. Таким образом, это, вероятно, случай, когда я не помещал файл изображения в соответствующий каталог, и в результате метеор не может загрузить его в файл css. Я не уверен, что это так, или что-то еще. Вероятно, это не какие-либо синтаксические ошибки, поскольку я могу видеть стрелки в кнопке, когда я запускаю плагин вне метеор.

Здесь строка в моем файле css:

background: transparent url('themes.gif') no-repeat left top;  margin-top: -45px;

Ответы

Ответ 1

Так что мне удалось заставить его работать. Я создал каталог ресурсов в общедоступной папке и изменил URL-адрес в файле css на url("/resources/button"), что, похоже, помогло.

Ответ 2

Вы можете оставить свой CSS как есть и поместить файл theme.gif в каталог /public вашего приложения Meteor - тогда он должен быть доступен.

В docs:

Наконец, сервер Meteor будет обслуживать любые файлы в общем каталоге, как в проекте Rails или Django. Это место для изображений, favicon.ico, robots.txt и всего остального.

Ответ 3

Вы должны префикс a / перед именем вашего файла.

Ответ 4

Файлы нужно поместить в/общедоступный каталог и удалить "/public" в пути из css.

Например: Если изображение в пути - /public/img/logo.png

Затем используйте ниже CSS:

background-image('img/logo.png');