2015-07-21 68 views
2

我在应用程序中使用bootstrap v3.3.4。我也在使用一些图标。它们可在FireFox,Chrome和iPad中正常工作,但在刷新页面(F5)时,它们不会显示在Internet Explorer(使用IE10 & IE11)中。刷新页面(F5)时IE中未显示Bootstrap(v3.3.4)图标

当刷新页面图标没有显示,但任何按钮被点击或页面重新加载一些severside动作,然后图形会出现,当你刷新页面glyphicon消失时再次。

文件结构:

  • 引导>
    • CSS
    • 的js
    • 字体

请给我这个解决方案。

<!DOCTYPE html> 
 
<head> 
 
\t <meta charset="utf-8"> 
 
\t <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 
\t <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1" /> 
 
    
 
\t <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css"> 
 
</head> 
 

 
<body> 
 
\t <div class="container"> 
 
\t   \t <p> <lablel>From:</label> 
 
       <input type="text" class="form-control"> 
 
       <span class="glyphicon glyphicon-calendar"></span> 
 
       <span class="glyphicon glyphicon-info-sign"></span> 
 

 
      </p> 
 
\t   \t <p> <lablel>To:</label> 
 
       <input type="text" class="form-control"> 
 
       <span class="glyphicon glyphicon-calendar"></span> 
 
       <span class="glyphicon glyphicon-info-sign"></span> 
 

 
      </p> 
 
\t </div> 
 

 
<script type="text/javascript" src="js/jquery/1.11.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> 
 
</body> 
 
</html>

+0

与svg图标相同吗?像字体真棒? – Justinas

+0

嗨,我不使用字体真棒。我正在使用引导程序包中提供的引导字体。 Css字体。 @ font-face { font-family:'Glyphicons Halflings'; src:url(../ fonts/glyphicons-halflings-regular.eot); ('/ fonts/glyphicons-halflings-regular.eot?#iefix)格式('embedded-opentype'),url(../ fonts/glyphicons-halflings-regular.woff2)格式('woff2' ),url(../ fonts/glyphicons-halflings-regular.woff)格式('woff'),url(../ fonts/glyphicons-halflings-regular.ttf)格式('truetype'),url(.. /fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)format('svg'); } – user5118599

+0

同样的问题与字体真棒 – user5118599

回答

2

曾与IE10和IE11刷新失去所有glyphicons同样的问题。这是由于https,并通过删除字体文件上的缓存来修复。在这里找到解决方案:@font-face EOT not loading over HTTPS

+0

您好Satuk ...可以请你分享你所做的改变......我使用弹簧STS和删除标题no-cache ....还是一样的问题 – Taran