用css购买背景图片（不显示）

Question

我的问题是，当尝试在Shopify中插入某种背景图像时，它从不显示任何内容。

我有一个导航栏，其中有一个客户想要的模式，当我尝试启用它时，没有任何反应。

我在css背景线上使用的代码（来自google搜索）是

background:url( "{{'navBggreen.jpg' | asset_url }}")

我也试过

background:url( {{'navBggreen.jpg' | asset_url }} )

什么也没有。对Shopify来说，教程或任何类型的文档都非常缺乏......

无论如何，有谁知道如何让这个工作？

Answer 1

确保您的css文件具有.liquid扩展名，以便它可以处理液体代码，因为asset_url是液体的一部分。所以请确保您的css文件名类似于style.css.liquid。

Answer 2

你可以在Assets：

中的CSS文件中这样称呼它

.nav{background: url("navBggreen.jpg");}

Answer 3

如果您想在布局中包含图片，则必须使用asset_url过滤器。但是，如果您的图像是通过CSS样式表调用的，那么您不需要使用asset_url - 除非它们用于主题设置表单。取出asset_url它应该可以正常工作。