Css 背景图像中的SVG

Css 背景图像中的SVG,css,svg,sass,Css,Svg,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'/><

我有这样的想法:

.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>);
}
.menu-inner.item-block.item-inner{
边界:无;

背景图像:url(数据:image/svg+xml;charset=utf-8,SASS正在尝试将svg解释为CSS/SASS。您应该在参数周围加引号。由于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>");
}
.menu-inner.item-block.item-inner{
边界:无;

背景图像:url(“数据:图像/svg+xml;字符集=utf-8,您的实际SASS中有那些url编码字符(
%20
)和UTF8字符(
)吗?或者这是复制粘贴错误吗?它编码后没有任何复制粘贴错误。您可以像这样尝试背景图像:url(“数据:图像/svg+xml;字符集=utf-8”);