Question

我正在使用Icomoon的jQuery Mobile / Python PyramidHo应用程序图标。我目前正在测试localhost，但是在部署时也存在问题。它们适用于Chrome和Firefox。它们不会出现在Internet Explorer 11中。据我所知，它们甚至没有被Internet Explorer加载。

我尽可能多地阅读了这个问题而没有运气。

我在标记的顶部放置了以下元标记

<meta http-equiv="X-UA-Compatible" content="IE=edge">

我添加了html5 shiv：

    <!--[if lt IE 9]>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js">  </script>
    <![endif]-->

我的回复有以下设置：

response.cache_control.no_store = (bool) False
response.pragma = None

我正在使用这样的图标：

            <a href="demo_home"   data-role="button"  class="mp-menu-btn">
                <span class="mp-circle mp-bg-drkblue mp-menu-btn-icon-bg"></span>
                <svg class="icon icon-home2 mp-menu-btn-icon"><use xlink:href="/static/graphics/icons/symbol-defs.svg#icon-home2"></use></svg>
                <span class="mp-btn-text mp-font-xlg">Demos</span>
            </a>

如何加载svg文件以及要在Internet Explorer中显示的图标？

修改

在做了一些调试后，我可以清楚地看到SVG图标文件的请求甚至没有到达我的后端金字塔服务器。 IE正在阻止或忽略该请求。

Answer 1

我以前经历过这种情况。 IE忽略对SVG的所有外部调用。答案很简单，就是将<symbol> defs包含在HTML的正文中。由于这些<symbol>无论如何都是隐藏的，因此它们不会干扰任何其他DOM元素。然后，您必须xlink到当前页面。

<use xlink:href="#icon-home2"></use>

如果你因为<symbols>的bar（（（（（（（（（（嘿，这是一种合理的厌恶）而感到厌恶，请使用svg4everybody并强迫IE屈服于你的意愿。

Icomoon图标（svg）未在Internet Explorer中加载（即）

1 个答案: