Glyphicons go missing in the IE 10

Asked

Viewed 35 times

0

I’m having the following problem, I’m using the bootstrap Glyphicons. When I try on Chrome or firefox, they work perfectly. But in IE10 they keep disappearing, sometimes only appear passing the mouse over, but still, disappear again, which can be?

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p data-placement="top" data-toggle="tooltip" title="Visualizar" class="acoes-btn">
  <button ng-click="adiciona(tarefa)" class="btn btn-success btn-xs" data-title="Visualizar" data-toggle="modal" data-target="#visualizar">
                              <span class="glyphicon glyphicon-check"></span>
                              </button>
</p>

bootstrap bootstrap-glyphicons

1 answer

0

Enter and test with the meta tag:

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

It is valid to remember that this meta tag comes before other tags, for example:

<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta charset="utf-8">

https://msdn.microsoft.com/library/jj676915(v=vs.85). aspx

Or even try to activate the font download option that is in the menu, in Internet options, enter the "Security" tab and click Custom level. Enable "download fonts" option. Try again.

Browser other questions tagged bootstrap bootstrap-glyphicons

You are not signed in. Login or sign up in order to post.