IE 8 iframe边框

Question

有一个边界显示iframe,我无法摆脱它.

IE 6和7可以通过一点JavaScript工作:

function test(){
    var iframe = document.getElementById('frame2');
    iframe.contentWindow.document.body.style.backgroundColor = "#a31d1d";
    iframe.contentWindow.document.body.style.border = "#a31d1d";
    iframe.contentWindow.document.body.style.outlineColor = "#a31d1d";
}

但是在IE 8中边界仍然可见.

Answer 1

将以下属性添加到iframe标记:

marginheight="0" marginwidth="0" frameborder="0"

Answer 2

我在动态创建iframe时遇到了同样的问题,结果是在将iframe添加到文档后设置边框属性没有任何效果:

以下代码显示了3d边框:

var iframe = document.createElement("IFRAME");
iframe.src = "http:www.stackoverflow.com";
//Iframe added BEFORE setting border properties.
document.body.appendChild(iframe);
iframe.frameBorder = "no";

但这实际上删除了它:

var iframe = document.createElement("IFRAME");
iframe.src = "http:www.stackoverflow.com";
iframe.frameBorder = "no";
//Iframe added AFTER setting border properties.
document.body.appendChild(iframe);

希望这有助于解决您的问题.

Answer 3

与示例 JS 一起使用的示例 HTML 会很有帮助 =)

尝试使用 IE8 的开发人员工具（在遇到问题的页面上按 F12）来隔离应用于 iframe 的样式。您还可以使用那里的样式，以减少迭代时间。