如何摆脱Internet Explorer中的这个空白？

Question

我有一个类似Facebook的按钮让我在互联网资源管理器7/8中烦恼（这在Firefox或Google Chrome或IE9（+）中不会发生）

我想摆脱白色区域但是怎么样？相关的HTML和CSS是

<div class="fbstuff">  
    <div style="margin-top:3px;margin-left:15px;float:right;">         
        <iframe src="http://www.facebook.com/plugins/like.phphref=http://www.bnano.eu&amp;layout=button_count&amp;locale=en_US" scrolling="no" frameborder="0" style="border:none; width:200px; height:80px"></iframe>
    </div>
</div>

我不知道为什么出现白色区域，这似乎发生在=＆lt;仅限IE8。我该怎么做才能解决这个问题？ Here's实时链接。感谢。

Answer 1

您要在iframe的html中设置宽度和高度：

width:200px; height:80px

如果删除这些值，浏览器将呈现iframe的默认大小。而是将这些值设置为exaclty按钮的尺寸。

你在IE浏览器而不是在firefox中看到它的原因是firefox将iframe背景渲染为透明而旧IE将其渲染为白色

Answer 2

您将宽度和高度设置为200x80：

width:200px; height:80px

删除此代码。