FontAwesome ``fa spin`‘Edge浏览器故障

Question

我正在为我们的一个内部系统开发一个小仪表板应用程序，并选择在加载时添加一个全屏覆盖。在Chrome中一切都很好，但在边缘我得到了这样的效果.

​

​

据我所知，其原因是在我的主加载指示器上有fa-spin类，以及覆盖是透明的。我已经删除了fa-spin，Edge仍然有一些奇怪的副作用(我可以忍受)，但是它由于具有自旋效应而加剧。

问题：

当我的谷歌尝试返回看似徒劳的结果时，有没有人遇到过这种情况。是否有一个修复/工作为此，或只是边缘是边缘.

即使我很想选择并且告诉我们的用户不要使用Edge / IE，我还是觉得我放弃了--这不是我的选择:P

结构(或多或少)

<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和嵌入在我的静态文件中的字体。这种奇怪的效果很可能是由许多重叠的CSS/JS样式/类切换引起的。我希望这能回答你的问题。