从IFrame中删除边框

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

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

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

当前回答

也设置border=“0px”

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>

其他回答

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

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

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

对我来说，添加非常有效

.iframe{
box-shadow: none !important;
}

这个解决方案特别适用于我正在编辑的shopify主题。shopify主题在整个主题中以不同的方式使用iframe，其中一个出现了故障。我不得不手动进入css并覆盖css属性。

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

适用于Firefox；）

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

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

在样式表中添加

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

}

这也是一个可行的选择。

推荐文章