使用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属性。
但是小编测试使用火狐和谷歌浏器都不支持,还是会显示边框。