css 内联SVG作为css背景图像

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 内联SVG作为css背景图像相关的知识，希望对你有一定的参考价值。

background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.33 105.33"><g><path fill="#FFF" d="M52.67 0a52.67 52.67 0 1 0 52.66 52.67A52.73 52.73 0 0 0 52.67 0zm0 102A49.33 49.33 0 1 1 102 52.67 49.38 49.38 0 0 1 52.67 102z"/><path fill="#FFF" d="M39.96 75.4l36.21-22.55L39.96 30.3v45.1z"/></g></svg>');

以上是关于css 内联SVG作为css背景图像的主要内容，如果未能解决你的问题，请参考以下文章

如何将带有css样式的内联SVG从浏览器保存/导出到图像文件

在 CSS 中使用 SVG 图像内联：before 伪元素

是否可以使用 CSS 缩放内联 SVG？ [复制]

Safari中的SVG Fragment Sprite + CSS背景图像

SVG元素的CSS背景[重复]

设置内联 SVG 的填充颜色 [重复]