Question

我网站上的搜索图标（顶部菜单最右侧的绿色方块）没有显示Internet Explorer中的放大镜，而是出现在其他浏览器中，例如FireFox和Chrome。

请参阅以下链接：

www.robvanderstaaij.nl

任何解决此问题的建议都会非常受欢迎。

Answer 1

将此代码添加到</body>代码之前。

   <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</body>

或者你可能错过了：

 <link rel="stylesheet" media="all" href="assets/css/your-icons.css" />
 <!--[if IE 7]>
   <link rel="stylesheet" media="all" href="assets/css/your-icons-ie7.min.css" />
 <![endif]-->

Answer 2

以下是生成字体的CSS代码：

@font-face {
    font-family: 'Genericons';
    src: url('font/genericons-regular-webfont.eot');
}

@font-face {
    font-family: 'Genericons';
    src: url(data:application/font-woff;charset=utf-8;base64,--REDACTED--) format('woff'),
         url('font/genericons-regular-webfont.ttf') format('truetype'),
         url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

IE8及更早版本仅支持EOT，但未定义该字体。第二个@font-face完全覆盖了第一个。{/ p>

尝试将.eot src属性移到真正长的属性之前，并删除第一个@font-face块。

搜索图标在Internet Explorer中不显示放大镜

2 个答案: