1

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

http://jsfiddle.net/Z53cs/10

使用 IE 7。如果您使用 IE 8（可能还有 IE 9 以及我在工作中没有的），您可以使用“开发者工具”并更改为“浏览器模式：IE 7”，您将看到 Jumping Facebook 喜欢按钮。

代码非常简单：

<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 按钮的样式更改引起的。此外，因此，如果您使用 Windows 上的任务管理器查看 CPU 图表，您将看到 CPU 每隔 2 秒左右上升到 100%，然后下降。（我在 Macbook Pro（2 岁）上使用 VirtualBox 4.0.4，模拟 2 个运行 XP 的处理器，以及使用 IE 7 兼容模式的 IE 8）

有没有人看到这个并且知道为什么跳跃？以及任何解决方法或修复？

更新：如果我使用 Fiddler 查看网络流量，它似乎每秒都在加载页面，所以如果你在 jsfiddle.net 上查看页面，它将从 fiddle.jshell.net 刷新，如果您将 HTML 代码放在 www.foo.com 上的网页中，您将看到页面每秒刷新一次，获取 www.foo.com/?fb_xd_fragment

更新：在 Windows 7 的虚拟 PC 上运行它，模拟一台具有 1GB RAM 的机器，VPC 将启动大约 820MB 空闲（未使用），我们的页面加载，大约 775MB 空闲，然后每秒，几个MB被吃掉了，直到VPC上的Windows XP需要通过增加页面文件来增加虚拟内存，IE 7最后停止响应。

4

2 回答 2

3

看来我找到了解决方法：

添加浮动CSS属性：

<fb:like href="URL" layout="button_count" show_faces="true" width="150" style='float: left;' font="arial"></fb:like>
于 2011-04-14T20:54:06.427 回答
1

I solved this problem by adding the facebook script inside a div and give it overflow: hidden.

For example

<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>
于 2011-10-11T13:54:49.727 回答