FontAwesome`fa-spin`邊緣瀏覽器故障

我正在爲我們的內部系統之一開發一個小儀表板應用程序，並選擇在加載時添加全屏疊加層。這一切工作正常在Chrome中，但在邊緣我得到的東西這個效果......FontAwesome`fa-spin`邊緣瀏覽器故障

據我可以告訴它造成有我的主要負載指標fa-spin類還有覆蓋層是透明的。我已經刪除了fa-spin，Edge仍然有一些奇怪的副作用（我可以忍受），但是由於自旋效應的激活而使其更加惡化。

問題：

有沒有人遇到過這是我的谷歌嘗試返回看似徒勞的結果。是否有修復/解決此問題，或者它只是邊緣正在邊緣...

即使我想選擇並說我們的用戶不使用Edge/IE，我覺得我放棄了這是不是一種選擇：P

HTML結構（或多或少）

<div class="container-fluid" ng-class="{ 'overlay' : vm.isLoading }"> 
    <div ng-if="vm.isLoading"> 
     <div class="overlay-modal"> 
      <p><i class="fa fa-gear fa-spin"></i> 
      </p> 
     </div> 
    </div> 

    <div class="col-md-7 main"> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="row"> 
        <div class="col-md-12 container-fluid" ng-class="{ 'blur' : vm.isLoading }"> 
         ... 
        </div> 
       </div> 
       <div class="row"> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="col-md-5"> 
     ... 
    </div> 
</div>

來源

2016-09-16 Rohan Büchner

你在使用切換類嗎？ –

@norcaljohnny nope，加載是通過使用'ng-if'來切換加載器來完成的（在Angular中） –

我一直在使用FA-旋和我只是想在我的儀表板應用程序可以向你保證，它並沒有造成我的問題。我已經嘗試從cdn和嵌入在我的靜態文件fontawesome。最可能的奇怪效果是由一些重疊的CSS/JS樣式/類切換引起的。我希望這回答了你的問題。

來源

2016-09-16 06:10:25

你能提供一個示例嗎？所以我可以比較我目前的標記和CSS？ –

當然可以。這裏是：http://codepen.io/jkomyno/pen/Kggjxv –

FontAwesome`fa-spin`邊緣瀏覽器故障

回答

相關問題