Html IE11韩元'；显示内联SVG背景图像 span{ 背景图像：url（“数据：image/svg+xml；utf8，”）； 显示：块； 高度：8px； 宽度：12px； }

在除IE之外的所有其他浏览器中都可以正常工作。我可以在IE11中单独查看SVG文件，它只是拒绝内联显示。Bug？

IE（11）和Edge无法显示内嵌svg。您需要转换为。

您需要url编码（您不能保留符号）

以下是一个有效的IE示例：

span {
   background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='8px' viewBox='0 -0.297 12 8' style='enable-background:new 0 -0.297 12 8;' xml:space='preserve'><path d='M1.406,0L6,4.594L10.594,0L12,1.406l-6,6l-6-6L1.406,0z'/></svg>");
   display:block;
   height:8px;
   width: 12px;
}

---

你可以使用这个很棒的工具：

IE对URL编码非常严格。也许通过url编码器运行图像数据可以解决这个问题。我试过了，还是一样的问题。

background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E")