Cakephp изображения из CSS с использованием тем

Question

я использую темы в приложении, которое им занимаюсь, и им нужна глобальная папка css / img / js

Я пытался использовать app / webroot в качестве этой папки, но не могу получить какой-либо CSS из темы, чтобы показать изображения.

У меня есть настройки, как :: /app/views/themed/my_theme/webroot/css/file.css

С некоторой CSS, которая выглядит следующим образом:

...
body{
     background-image: url('../img/file.jpg');
}
...

если у меня есть изображение в /app/views/themed/my_theme/webroot/img/file.jpg, все работает на 100%, но когда я помещаю изображение в /app/webroot/img/file.jpg, оно не будет отображаться. Я попробовал все виды комбинаций для

Я также пытался использовать плагин dir, например app/plugins/my_plugin/webroot/img/file.jpg, но различные пути, которые я пробовал, также не будут отображать изображение.

есть идеи, как я могу получить изображение для показа? я не против, если это для webroot / или в плагинах / xyz /, только если я могу использовать одно и то же изображение во многих различных темах без необходимости дублировать изображения

когда изображение находится в / webroot / img, я могу использовать полный путь, например url(http://locahost/my_app/img/file.jpg), и это работает.

вещи, которые не работают

URL ( "IMG / file.jpg")

URL ( "/ IMG / file.jpg")

URL ( "../ IMG / File.jpg")

URL ( "/../ IMG / File.jpg")

URL ( "../../ IMG / File.jpg")

спасибо.

Answer 1

В вашем файле CSS

body{ background-image: url('/img/file.jpg'); }

Это будет использовать корневую область, чтобы найти изображение в /app/webroot/img/file.jpg

Answer 2

CSS содержит URL для изображений относительно пути, в котором он находится.

CSS-файлы из my_theme связаны в браузере как site.com/theme/my_theme/css/style.cssПоэтому, если вы хотите использовать изображение из app / webroot / img в CSS вашей темы, используйте url (../../../ img / image.png)

Answer 3

Я не пробовал, но в кулинарной книге написано:

Если вы хотите сохранить ресурсы вашей темы внутри app / webroot рекомендуется что вы переименовываете app / webroot / themed в приложение / Webroot / тема.