Shopify背景圖像與CSS（不顯示）

Question

我的問題是，當試圖在Shopify中插入某種背景圖像時，它從不顯示任何東西。

我有一個導航欄，它具有客戶需要的模式，當我嘗試啓用它時，再次沒有任何反應。

我使用對CSS背景線（從周圍的Googling）的代碼是

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

我也試過

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

並沒有什麼。教程或任何類型的文件是極其稀缺的Shopify所以...

無論如何，有沒有人知道如何讓這個工作？

Answer 1

你這樣稱呼它在資產CSS文件：

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

Answer 2

如果要在佈局中包含圖像，則必須使用asset_url過濾器。但是，如果您的圖像是通過CSS樣式表調用的，那麼您不需要使用asset_url - 除非在主題設置表單中使用它們。拿出asset_url，它應該可以正常工作。

Answer 3

確保您的css文件具有.liquid擴展名，以便它可以處理液體代碼，因爲asset_url是液體的一部分。所以確保你的css文件名與style.css.liquid類似。