从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>

其他回答

除了添加frameBorder属性之外，您还可以考虑将滚动属性设置为“否”，以防止出现滚动条。

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe >

我有一个底部白色边框的问题，我无法用边框、边距和填充规则解决它。。。所以添加display：块；因为iframe是一个内联元素。

这将考虑HTML中的空白。

<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

这段代码应该可以在HTML4和HTML5中使用。

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

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

我尝试了上面的所有方法，如果这些方法对你不起作用，那么试试下面的CSS解决了我的问题。它只是告诉浏览器不要添加任何填充或边距。

* {
  padding:0px;
  margin:0px;
 }

推荐文章