如何在模板中添加背景图像

Question

我必须通过cyberduck将图像上传到（content/img/add-to-wish.png），但无法找到图像。我该如何解决这个问题？

我正在使用background: #fff url("../img/add-to-wish.png");。

Answer 1

要在SCSS文件中的 webdav内容文件夹中调用图像，请将其调用。 示例webdav文件结构内容/ img / filename.jpg

background: #fff url("/content/img/filename.jpg") no-repeat 50% 50%;

要从项目资产/ scss文件中调用SCSS文件中的图像，请使用以下结构。

background: #fff url("../img/filename.jpg") no-repeat 50% 50%;

要在HTML文件的主题资源/ img文件夹中调用图像，请使用下面的cdn handlebar帮助程序。

<img src="{{cdn 'img/filename.jpg'}}">

要在HTML文件中 webdav内容文件夹中调用图像，请使用带有webdav前缀的cdn helper。 webdav文件结构内容/ img / filename.jpg

<img src="{{cdn "webdav:img/image.jpg"}}">