协慌网

登录 贡献 社区

从 IFrame 移除边框

如何从嵌入到网络应用程序中的 iframe 中删除边框? iframe 的一个示例是:

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

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

答案

添加frameBorder属性(注意大写字母'B' )。

因此,它看起来像:

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

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

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

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

根据iframe文档,不推荐使用 frameBorder,并且首选使用 “border” CSS 属性:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • 注意 CSS 边框属性在 IE6、7 或 8 中无法达到预期的效果。