SVG背景圖像

Question

我有這個SASS：

.menu-inner .item-block .item-inner{ 
    border: none; 
    background-image: url(data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%…20'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23fff'/></svg>); 
} 

但它不工作，我不斷收到錯誤。 expected a variable name (e.g. $x) or ')' for the parameter list for url

我缺少什麼？

Answer 1

SASS試圖解釋你的SVG爲CSS /上海社會科學院。你應該在url的論點上加引號。由於SVG源代碼中有單引號，因此在該參數周圍使用雙引號。

.menu-inner .item-block .item-inner{ 
    border: none; 
    background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%…20'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23fff'/></svg>"); 
} 

另外，SVG中的…字符似乎不合適。