2015-05-11 42 views
5

這裏是引導圖標的HTML代碼,引導v3.3.4引導glyphicons公文包在IE瀏覽器沒有顯示

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

這個HTML代碼工作正常與所有瀏覽器,我可以正確地看到公文包圖標。但在MVC Platfrom開發之後,使用相同的代碼,我無法在IE和Safari(Windows)上看到公文包圖標。這個問題與其他一些圖標還喜歡content = "\e136"content = "\e142"

在MVC開發的代碼:

enter image description here

簡單的HTML代碼

enter image description here

+0

你有沒有找到一個解決這個?我遇到了同樣的問題,並且您收到的答案沒有那麼有用。這個問題發生在Microsoft Edge和Internet Explorer 11中,但不在Chrome或Firefox中。它似乎隻影響公文包字形。我也使用MVC,雖然我出於某種原因使用了bootstrap v3.3.2(可能會嘗試更新它)。 – LordScree

+0

編輯:glyphicon-alert也以相同的方式失敗,雖然glyphicon-warning-sign工作正常,所以我可能會用它來代替...儘管這裏仍然沒有答案... – LordScree

回答

0

您需要包括

< !--[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" > 

OR

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

已經添加..正在與其他人一起瀏覽瀏覽器問題,即只有 – Vicky

+0

謝謝..但已經添加了這個元標記。其他圖標正常工作,這個問題很少有圖標不全。 – Vicky

1

也許這篇文章會回答你的問題:here

加入

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

可以解決你的問題,順便說一句,這IE你使用的是哪個版本?

編輯:那麼它可能是IE的安全問題:here

+0

IE11,IE10,IE9 – Vicky

+0

嘗試修改您的IE安全設置,更多信息在這裏:[link](http://stackoverflow.com/questions/25281286/bootstrap-3-2-0-glyphicons-are-not-displaying -in-internet-explorer) – lordyoum

+0

我的IE瀏覽器「字體下載」安全性已經啓用。其他圖標正在工作,但像「glyphicons briefcase」,content =「\ e136」,content =「\ e142」或幾個圖標的問題或 – Vicky

相關問題