我尝试使用 Ocober CMS 语法和相对 URL 链接到 CSS background-image 属性中的图像。请我如何实现这一点。代码看起来像
style="背景图片: url('/assets/img/h2.jpg');"
我正在尝试从页面文件中进行此操作。
我尝试使用 Ocober CMS 语法和相对 URL 链接到 CSS background-image 属性中的图像。请我如何实现这一点。代码看起来像
style="背景图片: url('/assets/img/h2.jpg');"
我正在尝试从页面文件中进行此操作。
如果您尝试使用背景图像封面响应技巧并且仍然看不到任何 img,则可能需要添加
height: 100%;
例如,
<div style="height: 100%; background-size: cover; background-image: url({{ 'my-img.jpg'|media }});"></div>
为我解决问题
像这样更改您的代码,
style="background-image: url({{asset('/assets/img/h2.jpg')}});"
您需要图像的完整路径,因此资产会将路径添加到公共目录,然后将添加更多位置。
我希望你明白。
将图像放入assets/img
主题的文件夹(如果不存在则创建一个新文件夹)并将图像与该路径链接。
你可以.htm
像这样调用你的文件
style="background-image: url({{ 'assets/img/h2.jpg'|theme }});"