SVG背景图像未出现在IE11上

你知道我在这里用svg背景图像做了什么错事，使它们不会出现在IE11上吗

jQuery也在IE上运行，但我在Angular上的实际实现运行良好

---

背景：urldata:image/svg+xml；utf8，无重复中心

我最近发现Internet Explorer对“背景图像”属性中URL的格式有点挑剔。具体来说，您需要以不同的方式指定字符集，并对SVG部分进行URL编码：

background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20400%27%3E%3Cpath%20fill%3D%27%23000000%27%20d%3D%27M192%2C32%20C103.75%2C32%2032%2C103.75%2032%2C192%20C32%2C280.25%20103.75%2C352%20192%2C352%20C280.25%2C352%20352%2C280.25%20352%2C192%20C352%2C103.75%20280.25%2C32%20192%2C32%20Z%20M384%2C192%20C384%2C298%20298%2C384%20192%2C384%20C86%2C384%200%2C298%200%2C192%20C0%2C86%2086%2C0%20192%2C0%20L192%2C0%20C298%2C0%20384%2C86%20384%2C192%20Z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat center;

记录在案的是，完整的URL编码可能有些过分。你真的只需要做<和>，但我只是懒散地使用URL编码器，而不是直接编辑你的代码

本问题将更详细地讨论：

---

此代码笔显示了具有不同字符集、URL编码和Base64编码的内联SVG实现之间的差异：

尝试过，除了在非IE平台上放大大小之外，似乎没有任何效果。无法实现。Base64可以正常工作，但IE非常严格，这个很好：urldata:image/svg+xml；charset=utf-8，%3Csvg xmlns=width='18'height='18'viewBox='0 24'%3E%3path fill='%23666'd='M12 2C6.47 2 6.47 2 12s4.47 10 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 12 12 13.41 8.41 17 15.59 10.59 12 8.41 8.41 8.41 7 12 10.59 15.59 17 17 17 15.59 7 8.41 8.41 13.41 12 12 15.59z'/%3E%3C/svg%3E%