使用Jekyll-Assets设置背景图像

Question

我搜索了文档,堆栈溢出,谷歌并尝试了我能想到的每个CSS变体,并且无法确定将图像设置为div或元素标签(如使用CSS的主体)的背景的方法.应该简单吧？

尝试包括:

#element { background-image: url(<% asset_path "image.jpg" %>); }
#element { background: url(<% asset_path "image.jpg" %>); }
#element { background-image: url({% asset-path "image.jpg" %}); }
#element { background-image: {% asset-path "image.jpg" %}; }
#element { background-image: url("image.jpg"); }

还有很多.基本上,我已经试过各种可能的变化,我可以想到的,包括很多我没想到工作的啊哈,我努力寻找的答案已经用尽.

知道Jekyll和Jekyll-Assets的人能为自己和未来的Jekyll澄清如何完成这项任务吗？

Answer 1

这应该有效:)

#element { background-image: url({{ site.url }}/{{ asset-path }}/image.jpg); }

如果您没有设置 site-url

#element { background-image: url({{ asset-path }}/image.jpg); }

或者

#element { background-image: url(images/image.jpg); }