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”);