1

当第一次加载以下页面时（例如输入 url 或在 windows 资源管理器中打开文件时），iframe 将绘制有边框。但是，当页面重新加载/刷新时，没有边框。

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <iframe 
            src="javascript: window.open('https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png', '_self')" 
            allowtransparency="true" 
            style="border: none" 
            scrolling="no" 
            frameBorder="0" 
            seamless="seamless">
        </iframe>
    </body>
</html>

我正在尝试了解此问题的原因，并可能找到解决我在与 Adob​​e Captivate 集成时遇到的问题的解决方法，Adobe Captivate 使用以下机制加载 Web 对象。任何帮助，将不胜感激。

这是来自 Microsoft Edge 构建：42.17134.1.0

在此处输入图像描述

编辑：我知道边框的呈现在某种程度上与 iframe 的 javascript 方案 url 相关，但这不是我能够改变的。我想知道 Microsoft Edge 中导致 iframe 边框在第一次加载时呈现的机制。我们支持的其他浏览器（Chrome/Safari/Firefox）没有呈现边框。

4

2 回答 2

1
于 2018-08-04T13:05:46.313 回答
-1

无法在此处复制此问题。但是，您的屏幕截图似乎只是一个边框。使用 CSS 设置边框会阻止这种情况吗？即边框：0；

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <iframe style="border: 0px;"
            src="javascript: window.open('https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png', '_self')" 
            allowtransparency="true" 
            scrolling="no" 
            frameBorder="0" 
            seamless="seamless">
        </iframe>
    </body>
</html>
于 2018-08-04T11:36:24.720 回答