我在应用程序中使用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>
与svg图标相同吗?像字体真棒? – Justinas
嗨,我不使用字体真棒。我正在使用引导程序包中提供的引导字体。 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
同样的问题与字体真棒 – user5118599