这个问题在过去几周才开始出现,所以它可能与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、火狐、Safari和IE10 (以及开启了IE10模拟的IE11 )上都能正常工作。但在IE11中,某些CSS动画停止工作。在样式表中默认设置的动画可以工作,但是通过:hover以及由jQuery添加的内联CSS触发的动画就不能播放。
我可以确认其他:悬停效果仍然有效,通过jQuery设置内联(非动画)样式也有效。这只是出于某种原因的动画。我也尝试过动画处理各种不同的属性,但都不起作用。
如果我从文档头中删除Facebook脚本,动画将重新开始工作。
有没有其他人遇到过这种情况,或者知道为什么会发生这种情况?
注意:这是在IE v11.0.9600.16428,Win7 x64上
发布于 2014-07-03 09:50:45
我刚刚发布了一个非常类似的问题,然后找到了解决方案。我想知道同样的方法是否也适用于你。请访问Loading Facebook SDK in IE11 breaks CSS animations查看答案
https://stackoverflow.com/questions/22290210
复制相似问题