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/SASSとして解釈しようとしています。 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の…文字が適切でないようです。