Question

这是已知错误，是否有解决方法？ Facebook赞按钮将永远在IE 7中跳转。看看

使用IE 7.如果您使用IE 8（可能还有IE 9，我在工作中没有），您可以使用“开发人员工具”并更改为“浏览器模式：IE 7” 你会看到Jumping Facebook Like Button。

代码非常简单：

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

hello world <fb:like href="www.google.com" layout="button_count" 
               show_faces="true" font=""></fb:like>

font-size表示跳按钮。如果移除了font-size，就像在http://jsfiddle.net/Z53cs/11中一样，那么“hello world”的文本就会跳转，由 Facebook Like Button的样式变化。此外，由于这一点，如果您使用Windows上的任务管理器查看CPU图表，您将看到CPU每2秒左右上升到100％，然后下降。（我在Macbook Pro（2岁）上使用VirtualBox 4.0.4，模拟2个运行XP的处理器，IE 8使用IE 7兼容模式）

有没有人看过这个，知道跳跃的原因？任何解决方法或修复？

更新：如果我使用Fiddler来查看网络流量，那么它似乎每秒都会在页面上滚动页面，所以如果你正在jsfiddle.net上查看页面，它将从fiddle.jshell.net刷新，如果你将HTML代码放在www.foo.com的网页上，你会看到每隔一页刷新一次www.foo.com /？fb_xd_fragment

更新：在Windows 7的Virtual PC中运行此功能，模拟一台1GB内存的机器，VPC将启动大约820MB免费（未使用），并且我们的页面加载，将是关于775MB免费，然后每秒，几MB被吃掉，直到VPC上的Windows XP需要通过增加页面文件来增加虚拟内存，IE 7终于停止响应。

Answer 1

似乎我找到了一个解决方法：

添加float css属性：

<fb:like href="URL" layout="button_count" show_faces="true" width="150" style='float: left;' font="arial"></fb:like>

Answer 2

我通过在div中添加facebook脚本解决了这个问题，然后给它overflow: hidden。

例如

<div style="overflow:hidden;">
     <div id="fb-root"></div>
     <script src="http://connect.facebook.net/en_US/all.jsxxxxxxxxxx;xfbml=1"></script>        
     <fb:like href="http://www.facebook.com/pages/xxxxxxxxx/62625" send="false" layout="button_count" width="95" show_faces="false" font="" style="float:left; width:50px;"></fb:like>
</div>

IE 7上的Jumping Facebook Like按钮错误，如何解决？

2 个答案: