Chrome Iframe显示白盒

问题描述 投票:0回答:4

阿罗哈,

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

无论如何要删除保证金8px,因为它在chrome上显示为白色框?

谢谢你的帮助

iframe google-chrome
4个回答
2
投票

我有类似的问题。我只是将<iframe>放入<div>中,如下所示:

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

1
投票

尝试在你的display: block上设置iframe,然后它将遵守高度和宽度规则。


0
投票

<iframe>中添加以下CSS规则:

html, body {
    margin: 0;
}

或者,尝试将以下CSS规则添加到父页面(包含<iframe>):

iframe {
    margin: 0;
    padding: 0;
}

0
投票

添加以下CSS

html {
    font-size:0;
}
© www.soinside.com 2019 - 2024. All rights reserved.