CSS中的嵌入式SVG

猴子乐2020-03-24

是否可以在CSS中使用内联SVG定义？

我的意思是：

.my-class {
  background-image: <svg>...</svg>;
}

乐米亚2020/03/24 10:30:15

来自第三方的内联SVG（例如Google图表）可能xmlns="http://www.w3.org/2000/svg"在SVG元素中不包含XML名称空间属性（）（或者一旦呈现SVG便将其删除-浏览器检查器和浏览器控制台中的jQuery命令都没有在SVG元素中显示名称空间）。

当您需要将这些svg代码片段重新用于其他需求时（CSS中的背景图片或HTML中的img元素）请注意缺少的命名空间。如果没有名称空间，浏览器可能会拒绝显示SVG（与utf8或base64编码无关）。

Newest Answer