【问题标题】:Bootstrap glyphicons briefcase not showing in IE BrowserBootstrap glyphicons 公文包未在 IE 浏览器中显示
【发布时间】:2015-05-11 09:50:11
【问题描述】:

这里是引导图标的 html 代码,Bootstrap v3.3.4

 <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>

此 html 代码适用于所有浏览器,我可以正常看到公文包图标。但是在 MVC Platfrom 中开发后使用相同的代码,我在 IE 和 Safari(Windows)上看不到公文包图标。这个问题很少有其他图标也像content = "\e136"content = "\e142"

在 MVC 中开发的代码:

简单的 HTML 代码

【问题讨论】:

  • 您找到解决方案了吗?我遇到了同样的问题,您收到的答案并没有那么有用。我的问题出现在 Microsoft Edge 和 Internet Explorer 11 中,但不在 Chrome 或 Firefox 中。它似乎只影响公文包字形。我也在使用 MVC,尽管出于某种原因我正在使用 bootstrap v3.3.2(可能会尝试更新它)。
  • 编辑:glyphicon-alert 也以同样的方式失败,虽然 glyphicon-warning-sign 工作正常,所以我可能会改用它......虽然这里仍然没有答案......跨度>

标签: html css internet-explorer twitter-bootstrap-3


【解决方案1】:

也许这篇文章会回答你的问题:here

添加

<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<script src="respond.min.js"></script>
<![endif]-->

顺便问一下,你用的是哪个IE版本,能解决你的问题吗?

编辑:那么可能是 IE 安全问题:here

【讨论】:

  • 尝试修改你的IE安全设置,更多信息在这里:link
  • 我的 IE 浏览器“字体下载”安全已启用。其他图标正在工作,但像“glyphicons公文包”、内容=“\e136”、内容=“\e142”或之类的图标很少
【解决方案2】:

你需要包含

< !--[if lt IE 9] >
< script src="html5shiv.js">
< script src="respond.min.js">
< ![endif]-- >

或者

<link rel="stylesheet" media="screen" href="/css/glyphicons/glyphicons.min.css" >

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】:

  • 已添加.. 与其他浏览器一起使用仅 ie 的问题
  • 谢谢.. 但已经添加了这个元标记。其他图标工作正常,这个问题很少图标不是全部。
猜你喜欢
  • 2015-02-22
  • 1970-01-01
  • 2016-10-21
  • 2015-02-28
  • 1970-01-01
  • 2015-03-09
  • 1970-01-01
  • 2015-03-14
  • 1970-01-01
相关资源
最近更新 更多