【问题标题】: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】:

你可以尝试像&lt;img src="https://link-to-your-svg-loader.svg" /&gt;一样使用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 我写的像 &lt;svg style="height:155px;width:155px;"&gt; &lt;use xlink:href="#umbrellaSVG" width="115px" height="115px"&gt;&lt;/use&gt; &lt;/svg&gt;
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-05-30
  • 2010-12-09
  • 1970-01-01
  • 2013-07-03
  • 2018-04-10
  • 1970-01-01
  • 2013-04-15
相关资源
最近更新 更多