【问题标题】: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】:

    我有类似的问题。我只是将

    【讨论】:

    • 这对我有用,但我为
      放置了 'overflow:hidden' 而不是 'visibility:hidden'。
    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

      &lt;iframe&gt;中添加以下CSS规则

      html, body {
          margin: 0;
      }
      

      或者,尝试将以下 CSS 规则添加到父页面(包含 &lt;iframe&gt;):

      iframe {
          margin: 0;
          padding: 0;
      }
      

      【讨论】:

      • 嗨,我已经编辑了我的帖子,将其粘贴到 html 文件并在 chrome 上查看。
      • 您需要将该 CSS 规则添加到页面中的&lt;iframe&gt;
      • 还是一样,不工作.. iframe 是: 检查后 = chrome,检查元素。
      • 我遇到了同样的问题。我正在玩“可见性:隐藏”和javascript。它有效。
      【解决方案4】:

      添加以下 CSS

      html {
          font-size:0;
      }
      

      【讨论】:

        猜你喜欢
        • 2012-01-06
        • 1970-01-01
        • 2018-01-23
        • 1970-01-01
        • 2014-05-20
        • 1970-01-01
        • 2014-02-19
        • 1970-01-01
        • 2021-06-26
        相关资源
        最近更新 更多