FontAwesome `FA-spin`エッジブラウザグリッチ

Question

私は社内システムの一つのために少しのダッシュボードアプリを働いて、そして何かがロードされ、フルスクリーンオーバーレイを追加することにしましたよ。これは、すべてのChromeで正常に動作しますが、エッジの上に、私はこの効果に何かを得る...

限り、私は私のメインロードインジケータにfa-spinクラスを持つことによって、その原因を言うことができるようにだけでなく、オーバーレイは透明である。私はfa-spinを削除しましたが、エッジにはまだ奇妙な副作用がありますが、スピン効果を有効にすることで悪化しました。

質問：

私のGoogleの試みは、一見無駄な結果を返すされているとして、誰もが前にこれを検出しました。私はエッジ/ IEを使用しないことを選択すると、ユーザーの皆様に言ってみたいにもかかわらず、私は同じように感じると思います。このために周りにも修正/仕事があり、またはそれだけでエッジいるエッジである...

私はオプションではありませんこれはあきらめています：P

私はちょうどFA-スピンおよびIを使用して自分のダッシュボードアプリケーションに試した（多かれ少なかれ）

<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> 

Answer 1

HTML構造それが私の問題を引き起こさなかったことを保証することができます。私はcdnからfontawesomeを試してみましたが、私の静的ファイルに埋め込まれています。おそらく変わった効果は、CSS/JSスタイル/クラスのトグルオーバーラップがいくつか重なっているためです。これがあなたの質問に答えることを願っています