Question

我只在IE7中遇到Facebok Like按钮图像的问题。这是我用来实现这个的代码：

<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
.
.
.
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="http://www.facebook.com/xxxxx" show_faces="false" width="100" colorscheme="dark" style="float:left;"></fb:like>
.
.
.

我看到的问题仅出在IE7中。像按钮看起来很棒。一旦你“喜欢”这个项目，它看起来也很棒。不喜欢之后，你得到这个：http://screencast.com/t/6qno8HDvYh

如果你再次“喜欢”它，你会得到：http://screencast.com/t/NlkXbaD5

感谢任何帮助。对于遇到此问题的其他人，我已经看了谷歌。以下是供参考的网站：http：//auto-owners.com/感谢任何帮助。

谢谢！

Answer 1

您是否尝试过像IFrame这样的版本？我们已经切换到DNN的IFrame版本 - 它给我们带来了最少的问题。

<iframe src="http://www.facebook.com/plugins/like.php?href&amp;send=true&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

在这里生成：

http://developers.facebook.com/docs/reference/plugins/like/

当Facebook服务器出现故障时（上个月发生在许多使用该脚本版本的网站上），您还可以获得没有页面加载阻塞的好处。

Answer 2

如果您在IE7上使用iFrame版本，请检查它是否导致页面上的资源多次加载，在我们的示例中，偶尔会导致显示无法提供信息的JavaScript错误。您可以使用IE Development Helper附加组件来查看HTTP请求堆栈。

Answer 3

试试这个： -

<div style="width:48px; overflow:hidden!important;">
 <fb:like class='fb_like' href="http://www.correcturlhere.tld" send="false"
   width="320" height="24" colorscheme="dark" font="tahoma">
 </fb:like>
</div>

width =“320”解决了IE7问题，而div溢出属性可以防止显示不需要的FB内容。因此，当FB代码的宽度布局小于标准布局（225px）的最小宽度时，似乎会出现IE7问题。

您可能希望在IE特定的条件中包含开始和结束div标记： -

<!--[if IE 7]><div><![endif]-->
[FB code here]
<!--[if IE 7]><div><![endif]-->

为我修好了。希望这会有所帮助。

在IE7问题中的Facebook赞按钮

3 个答案: