CSS中的嵌入式SVG

CSS的 CSS

猴子乐

2020-03-24

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

我的意思是：

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

第3235篇《CSS中的嵌入式SVG》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答

乐米亚 2020.03.24

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android