Question

此问题刚刚开始在过去几周内发生，因此可能与IE11更新或FB小部件的更改有关。

我的网站上有一个FB分享按钮。

<script>
    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

位于文档头部，以及正文中的<div id="fb-root"></div>和<div class="fb-share-button" data-href="http://myurl.com" data-width="60" data-type="button"></div>。

它适用于Chrome，Firefox，Safari和IE10（以及IE11 w / IE10仿真开启）。但在IE11中，某些CSS动画停止工作。样式表工作中默认设置的动画，但通过以下方式触发的动画：悬停以及jQuery添加的内联CSS将无法播放。

我可以确认其他：悬停效果仍然有效，通过jQuery设置内联（非动画）样式也有效。这只是出于某种原因的动画。我也试过动画各种不同的属性，但它们都不起作用。

如果我从文档头中删除Facebook脚本，动画会再次开始工作。

有没有其他人遇到过这个或者知道为什么会这样？

注意：这是在IE v11.0.9600.16428，Win7 x64

上

Answer 1

我刚刚发布了一个非常相似的问题然后找到了解决方案。我想知道这一点是否适合你。请参阅Loading Facebook SDK in IE11 breaks CSS animations

上的答案

Facebook分享按钮打破IE11中的CSS动画

1 个答案: