首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Facebook分享按钮破坏IE11中的CSS动画

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

Stack Overflow用户
提问于 2014-03-10 08:34:55
回答 1查看 323关注 0票数 1

这个问题在过去几周才开始出现,所以它可能与IE11更新或FB的窗口小部件的更改有关。

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

代码语言:javascript
运行
复制
<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上

EN

回答 1

Stack Overflow用户

发布于 2014-07-03 09:50:45

我刚刚发布了一个非常类似的问题,然后找到了解决方案。我想知道同样的方法是否也适用于你。请访问Loading Facebook SDK in IE11 breaks CSS animations查看答案

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22290210

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档