从IFrame中删除边框

如何从嵌入在web应用程序中的iframe中删除边框？iframe的一个示例是：

<iframe src="myURL" width="300" height="300">Browser not compatible.</iframe>

我希望从页面上的内容到iframe内容的转换是无缝的，假设背景颜色是一致的。目标浏览器仅为IE6，不幸的是，针对其他浏览器的解决方案将无济于事。

当前回答

您可以在iframe代码中使用style=“border:0；”。这是HTML5中删除边框的推荐方法。

查看我的html5 iframe生成器工具，无需编辑代码即可自定义iframe。

其他回答

在尝试删除IE7中的边框后，我发现frameBorder属性区分大小写。

必须将frameBorder属性设置为大写B。

<iframe frameBorder="0"></iframe>

iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

适用于Firefox；）

在样式表中添加

{
  padding:0px;
  margin:0px;
  border: 0px

}

这也是一个可行的选择。

Try

<iframe src="url" style="border:none;"></iframe>

这将删除框架的边框。

如果您使用iFrame来适应整个屏幕的宽度和高度（我假设您不是基于300x300尺寸），则还必须将主体边距设置为“0”，如下所示：

<body style="margin:0px;">

推荐文章