css - 使用 Jekyll-Assets 设置背景图片

标签 css sass jekyll

我搜索了文档、stack overflow、Google 并尝试了我能想到的每一种 CSS 变体,但无法确定使用 CSS 将图像设置为 div 或元素标签(如 body)背景的方法。应该很简单吧?

尝试包括:

#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 的人可以为我自己和 future 的 Jekyll 发起人阐明如何完成这项任务吗?

最佳答案

试试 #element { background: url(asset_path("image.jpg")); }。它对我有用。

关于css - 使用 Jekyll-Assets 设置背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21154631/

相关文章:

css - Sass 样式不适用于本地主机

Jekyll Github Action 停止工作,现在失败并显示错误消息 : "Cannot publish on branch master"

html - 如何右对齐表单输入框?

css - 同一元素上两个类的 Scss 选择器

html - 将图像样式设置为位于 div 的右上角

css - gulp-sass 导入默默失败

javascript - Jekyll 可以处理 css 或 js 文件吗?

concatenation - jekyll 在循环中分配 concat?

html - CSS 设置图形不可点击

css - 输入类型 ="range"在 ipad 上单击时留下黑色边框