FontAwesome`fa-spin`边缘浏览器故障

Question

我正在为我们的某个内部系统制作一个小仪表板应用程序，并选择在加载某些内容时添加全屏叠加层。这一切在Chrome中运行良好，但在Edge上我得到了一些效果......

据我所知，由于我的主要加载指示符上有fa-spin类，而且叠加层是透明的。我已经移除了fa-spin，Edge仍然有一些奇怪的副作用（我可以忍受），但是通过激活旋转效果会加剧。

问题：

之前有人遇到此问题，因为我的谷歌尝试返回看似无效的结果。是否有一个修复/解决方案，或者只是边缘边缘...

尽管我喜欢选择并告诉我们的用户不使用Edge / IE，但我觉得我放弃了不是一个选项：P

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

Answer 1

我刚刚使用fa-spin尝试使用我的仪表板应用程序，我可以向您保证它不会导致我的问题。我尝试过从cdn和嵌入在我的静态文件中的fontawesome。很可能这种奇怪的效果是由许多重叠的CSS / JS样式/类切换引起的。我希望这能回答你的问题。