Chrome iframe 显示白框答案

【问题标题】：Chrome Iframe display White BoxChrome iframe 显示白框
【发布时间】：2017-12-22 20:05:23
【问题描述】：

阿罗哈，

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

body 有边距：8px;

编辑：[在 chrome 和 firefox 上查看，你可以注意到 chrome 上的白框]

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

在 chrome 上显示为白框时，是否可以删除边距 8px？

谢谢你的帮助

【问题讨论】：

标签： iframe google-chrome

【解决方案1】：

我有类似的问题。我只是将放入 <div> 如下： <pre><code><div style="visibility:hidden;"> <iframe ...></iframe> </div> </code></pre> </div>

【讨论】：

这对我有用，但我为
放置了 'overflow:hidden' 而不是 'visibility:hidden'。

【解决方案2】：

尝试在您的iframe 上设置display: block，它将遵守高度和宽度规则。

【讨论】：

【解决方案3】：

在<iframe>中添加以下CSS规则：

html, body {
    margin: 0;
}

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

iframe {
    margin: 0;
    padding: 0;
}

【讨论】：

嗨，我已经编辑了我的帖子，将其粘贴到 html 文件并在 chrome 上查看。
您需要将该 CSS 规则添加到页面中的<iframe>。
还是一样，不工作.. iframe 是：检查后 = chrome，检查元素。
我遇到了同样的问题。我正在玩“可见性：隐藏”和javascript。它有效。

【解决方案4】：

添加以下 CSS

html {
    font-size:0;
}

【讨论】：