使用frameBorder隐藏iframe边框|三体教程
文章目录

使用frameBorder隐藏iframe边框

今天有小伙伴在问如何将iframe的边框删除,看起来和网页就像无缝对接一下。

其实很简单,只需要给iframe添加frameBorder属性就可以,注意“B”是大写的。


<iframe src="http://www.santii.com" width="300" height="300" frameBorder="0">浏览器不支持。</iframe>


另一种方法就是创建一个类“.noborder{border:none;}”,然后在ifrmae中使用class="noborder",经测试在firefox中是正常的。

但是还需要考虑到其他问题,如果使用的是HTML4.01文档,那么frameBorder="0"将不起作用。

网上有说如果是HTML5文档,请考虑使用seamless属性,因为在html5中不再支持frameBorder属性。

但是小编测试使用火狐和谷歌浏器都不支持,还是会显示边框。

本文网址:http://www.santii.com/article/189.html


数据更新时间:2018-07-23