Html CSS中的内联SVG不'；行不通

我在CSS文件中使用内联SVG来填充一个div的背景，但它不起作用。我测试我的SVG代码是好的。您可以通过将svg代码复制到此

#bgr{
宽度：500px；
高度：500px；
背景：url（'data:image/svg+xml；utf8'）；
}

---

您需要设置

xmlns=”http://www.w3.org/2000/svg“

。您可以找到更多信息：

#bgr{
宽度：500px；
高度：500px；
背景：url（'data:image/svg+xml；utf8'）；
}

---

您可以将其转换为base64 img，有很多在线工具可以实现这一点，例如：

#bgr{
宽度：500px；
高度：500px；
背景图片：url（数据：image/svg+xml；base64，phn2zyb4bwxucz0iahr0cdovl3dy53my5vcmcvmjawmc9zdmciihdpzhropsiymdaighlawdodd0imtawiib2zxjzaw9upsixljeipiagidxyzwn0ihdpzhropsiymdaighlawd0imtawibzjjv2u9imd2lkdggg9ijyiigzpb9imdyzdyzwui8+）；
);
}

---

通过base64转换器运行，工作正常。

您需要

-->他可以，但他不需要真的，语言错误