Question

我无法在IE7中显示整个Facebook“发送”按钮。但是，它在Chrome，Mozilla，IE9，IE8中运行良好。

发送按钮布局变为： - enter image description here

我的HTML代码为： -

<div class="facebook_wrapper">
<script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script>
<fb:send font=" " href="http://www.google.com.my/"></fb:send>
</div>

Answer 1

好的，让我们看看我是否可以帮到你，因为你没有放弃IE7支持。

<div style="overflow:hidden;">
     <div class="facebook_wrapper"></div>
     <script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script>
     <fb:send font=" " href="http://www.google.com.my/"></fb:send>
</div>

P.S。我没办法测试这个，因为IE9上的开发人员工具在尝试将其视为IE7时没有出现问题。希望这能解决它！

编辑 - 如果前一个不起作用，看起来这个问题可能是由于仍然应用的其他样式造成的。

Answer 2

我遇到了类似的问题，IE 7截断了类似的按钮。在深入挖掘嵌入式CSS后，我发现罪魁祸首是将宽度设置为1px的类。

您需要查找一个类.pluginButton BUTTON。在IE 7的css中写一个条件覆盖，并相应地调整该width属性。

我现在正在测试它并将发回。

Answer 3

我的建议，放弃IE 7支持。谷歌已经放弃了对它的支持，微软正计划将以前版本的IE更新至IE 8。

Answer 4

看了http://developers.facebook.com/docs/reference/plugins/send/

之后

看来你的代码要么很旧，要么错了。

把它放在身体的某个地方（最好是在body标签之后）

<div id="fb-root"></div>
<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 class="fb-send" data-href="http://example.com"></div>

或者，如果你想要XFBML，身体后面的脚本相同，还要：

<html xmlns:fb="http://ogp.me/ns/fb#">＆lt; ---您的<html>代码

和<fb:send href="http://example.com"></fb:send>您想要按钮的位置。

如何修复IE7“Facebook发送按钮”布局运行？

4 个答案: