为什么加载器不能在 IE 浏览器中正确显示？

【问题标题】：Why the loader not display proper in IE browser?为什么加载器不能在 IE 浏览器中正确显示？
【发布时间】：2019-08-17 03:32:44
【问题描述】：

我正在开发一个 Web 应用程序，其中 我使用 SVG 作为加载器。

SVG 在 Google Chrome、Edge 浏览器中运行良好，但在 Internet Explorer 浏览器中不正确。

Chrome 和 Edge 浏览器的图片：

Internet exproer 浏览器中的 Loader 图像：

代码：

 <div id="loadingSVG" style="text-align: center; padding-top: 20%;">
    <svg style="height:155px;width:155px;">
        <use xlink:href="#umbrellaSVG" width="115px" height="115px"></use>
    </svg>
</div>

带有检查元素的图像：

【问题讨论】：

我也有同样的问题

标签： html css svg loader

【解决方案1】：

你可以尝试像<img src="https://link-to-your-svg-loader.svg" />一样使用svg吗？

【讨论】：

SVG 是我创建的，所以我没有实时路径
尝试将您的 svg 上传到您的文件夹并尝试使用此代码。 Internet Explorer 无法呈现 svg 以确保安全。 caniuse.com/#search=svg "IE9-Edge12、Safari 5.1-6 和 UCWeb 11 不支持通过引用外部文件。Polyfills 可用：服务器端内联 + sn-p - 脚本"
我的装载机从所有边缘切割
我有了一个新想法。你可以在css文件上使用它作为背景吗？将您的 svg 文件添加到 CSS 作为背景。例如：.loader {background:url(your-svg-file.svg) no-repeat;}
我用路径而不是 .svg 文件制作 svg 我写的像 <svg style="height:155px;width:155px;"> <use xlink:href="#umbrellaSVG" width="115px" height="115px"></use> </svg>