Question

阿罗哈，

目前我的pligg模板有以下iframe代码：

<iframe height="0px;" width="0px;" frameborder="0" name="story_status"></iframe>

它在firefox上运行正常，但是在chrome上，它显示为白盒..

检查后，

<iframe height="0px;" width="0px;" frameborder="0" name="story_status">
<html><head></head><body></body></html>
</iframe>

身体有保证金：8px;

编辑：[在Chrome＆amp; amp;火狐，你可以注意到铬盒上的白盒子。

<html>
<head><style>html, body {
    margin: 0;
}
</style>
</head>
<body style="background : #000; color: #fff;">
aaaaa<iframe height="0px;" width="0px;" frameborder="0" name="story_status"></iframe>bbbbb
aaaaaaaaa
</body>
</html>

是否有删除保证金8px，因为它在Chrome上显示为白框？

谢谢你的帮助

Answer 1

我有类似的问题。我只是把＆lt; iframe＆gt;进入＆lt; div＆gt;如下：

<div style="visibility:hidden;">
  <iframe ...></iframe>
</div>

Answer 2

尝试在display: block上设置iframe，然后它会遵守高度和宽度规则。

Answer 3

在<iframe> ：

中添加以下CSS规则
html, body { margin: 0; }

或者，尝试将以下CSS规则添加到父页面（包含<iframe>）：

iframe { margin: 0; padding: 0; }

Answer 4

添加以下CSS

html {
    font-size:0;
}

Chrome Iframe显示白盒

4 个答案: