css - 在十月 CMS 中链接到图像作为背景图像属性的语法

Question

我尝试使用 Ocober CMS 语法和相对 URL 链接到 CSS background-image 属性中的图像。请我如何实现这一点。代码看起来像

style="背景图片: url('/assets/img/h2.jpg');"

我正在尝试从页面文件中进行此操作。

标签： csslaraveloctobercmsoctober-partial

Answer 1

如果您尝试使用背景图像封面响应技巧并且仍然看不到任何 img，则可能需要添加

height: 100%;

例如，

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

为我解决问题