Синтаксис для ссылки на изображение как свойство background-image в октябрьской CMS

Я пытался использовать синтаксис Ocober CMS и относительный URL-адрес при ссылке на изображение в свойстве CSS background-image. Пожалуйста, как мне этого добиться. Код выглядит так

style="background-image: url('/assets/img/h2.jpg');"

Я пытаюсь это из файла подкачки.

2 ответа

Измени свой код, как это,

style="background-image: url({{asset('/assets/img/h2.jpg')}});"

Вам нужен полный путь к изображению, поэтому актив добавит путь к общедоступному каталогу, а затем будет добавлено дальнейшее местоположение.

Я надеюсь, вы понимаете.

Поместите изображение в assets/img Папка (создайте новую папку, если ее там нет) вашей темы и свяжите изображение с этим путем.

ты можешь позвонить в свой .htm такой файл

style="background-image: url({{ 'assets/img/h2.jpg'|theme }});"

Если вы пытаетесь выполнить трюк с адаптивным оформлением фонового изображения и по-прежнему не видите img, вам может потребоваться добавить

height: 100%;

например,

<div style="height: 100%; background-size: cover; background-image: url({{ 'my-img.jpg'|media }});"></div>

которые решают проблему для меня

Другие вопросы по тегам