从IFrame中删除边框

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

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

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

当前回答

<iframe src="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe frameborder="1|0">

(OR)

<iframe src="URL" width="100%" height="300" style="border: none">Your browser 
does not support iframes.</iframe>

The <iframe> frameborder attribute is not supported in HTML5. Use CSS 
instead.

2018-09-07 19:43:22

其他回答

添加frameBorder属性（大写“B”）。

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

2016-03-16 06:17:02

对我来说，添加非常有效

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

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

2021-12-09 20:03:42

添加frameBorder属性（注意大写“B”）。

所以它看起来像：

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

2008-09-15 17:45:47

根据iframe文档，frameBorder已被弃用，首选使用“border”CSS属性：

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>

注意CSS边界属性在IE6、7或8中没有达到预期的结果。

2011-12-08 21:27:47

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

适用于Firefox；）

2014-01-15 16:47:53

从IFrame中删除边框

推荐文章

最新文章

标签