在IE和Safari中未顯示自舉圖形

我的ASP.NET MVC應用程序中有一個奇怪的問題：自舉圖形在IE和Safari中未顯示，但成功顯示在Google Chrome和FireFox中。在IE和Safari中未顯示自舉圖形

我檢查了在較少文件中我有正確的路徑文件與字體（.eot和其他）。但它在IE和Safari中無效。當在瀏覽器檢查器中查看html和css時，我發現該圖標類具有被觸擊的屬性內容，但是在Chrome中不會被拖動。我也開始允許IE設置中的字體加載，但它沒有幫助。我正在使用Bootstrap 3.3.6。

我在IE 11和邊緣和Safari中遇到了這個問題。

請告訴我如何找出它？

更新。

  <p class="input-group"> 
       <input name="startDate" type="text" uib-datepicker-popup="{{format}}" ng-model="startDate" is-open="status.startDateOpened" datepicker-options="dateOptions" close-text="Close" /> 
       <span class="input-group-btn"> 
        <button type="button" class="btn btn-default" ng-click="openStartDate($event)"><i class="glyphicon glyphicon-calendar"></i></button> 
       </span> 
      </p>

來源

2016-09-21 J.Doe

閱讀：https://github.com/twbs/bootstrap/issues/9962 – Vikrant

謝謝，Vikrant，但描述了IE8的方法，我在IE 11和Edge以及Safari中遇到了這個問題。 –

代碼代碼代碼代碼代碼代碼 – dippas

經過一番StackOverflow搜索之後，似乎這個問題已經遇到過了。該問題可能涉及HTTP標頭Cache-Control：該字體的no-cache。雖然這可以很好地處理HTTP，但通過HTTPS它會導致Internet Explorer忽略下載的字體。

我最好的猜測是，它的這種行爲變化：http://support.microsoft.com/kb/815313

所以，如果你看到IE通過在開發工具的網絡視圖中的每個字體的工作，如果你有一個緩存它可能是值得一試控制標題並將其刪除。

另一起案件的參考：Bootstrap (v3.3.4) glyphicons not displayed in IE when refresh page (F5)

而另一位，原來可能的解決方案，我發現：@font-face EOT not loading over HTTPS

來源

2016-09-21 15:56:36

在IE和Safari中未顯示自舉圖形

回答

相關問題