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

Question

我无法在IE7中显示整个脸书“发送”按钮。然而，它在Chrome，Mozilla，IE9，IE8上都运行得很好。

发送按钮布局变为：

​

我的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>

附注:我没有办法测试这一点，因为当试图将其视为IE7时，IE9上的开发人员工具不会显示问题。希望这能解决这个问题！

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

Answer 2

我在IE7截短like按钮时遇到了类似的问题。在深入研究嵌入式css之后，我发现罪魁祸首是一个将宽度设置为1px的类。

这里有一个你想要寻找的类.pluginButton按钮。在您的css中为IE7编写一个条件覆盖，并相应地调整宽度属性。

我现在正在测试它，并将张贴回来。

Answer 3

我的建议是，放弃对IE7的支持。谷歌已经放弃了对它的支持，微软正计划将以前版本的IE更新到最低IE8。