Синтаксис для ссылки на изображение как свойство 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>
которые решают проблему для меня