0

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

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

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

4

3 回答 3

0

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

height: 100%;

例如,

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

为我解决问题

于 2020-07-07T07:08:22.553 回答
0

像这样更改您的代码,

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

您需要图像的完整路径,因此资产会将路径添加到公共目录,然后将添加更多位置。

我希望你明白。

于 2018-12-15T08:46:16.933 回答
0

将图像放入assets/img主题的文件夹(如果不存在则创建一个新文件夹)并将图像与该路径链接。

你可以.htm像这样调用你的文件

style="background-image: url({{ 'assets/img/h2.jpg'|theme }});"
于 2018-12-16T05:34:59.767 回答