在 HTML5 中,iframe 具有“无缝”等新属性,可以删除边框和滚动条。我已经尝试过,但似乎不起作用,我仍然可以看到滚动条和边框(我使用 Google Chrome 作为浏览器),这是我的代码:
<iframe seamless="seamless" title="google" width="600" height="300" src="http://www.google.co.uk"></iframe>
知道为什么它不起作用吗?
还有一个问题,是否可以定位 iframe 内页面的特定部分?
更新日期:2016 年 10 月
The seamless
属性不再存在。它最初被提议包含在第一个 HTML5 规范中,但后来被放弃。一个不相关的同名属性在 HTML5.1 草案中短暂客串,但那也是于 2016 年中期被抛弃:
所以我认为从实现者方面和网络开发方面来看,这一切的要点是seamless
所指定的似乎并不是任何人想要开始的。或者至少比任何人真正想要的要多。无论如何喜欢@annevk说,鉴于 Shadow DOM,其中很多似乎已经“被事件克服”了。
换句话说:清除seamless
属性来自你的记忆,并假装它从未存在过。
为了后代,这是我五年前的原始答案:
原答案:2011年4月
该属性目前处于草稿模式。因此,当前浏览器尚不支持它(因为实现可能会发生变化)。同时,最好只使用 CSS 从 iframe 中去除边框/滚动条:
iframe[seamless]{
background-color: transparent;
border: 0px none transparent;
padding: 0px;
overflow: hidden;
}
无缝属性比 CSS 添加的内容更多:该属性背后的部分原因是允许嵌套内容继承应用于 iframe 的相同样式(就像嵌入文档是元素内嵌套的一个大文档一样,例如)。
最后,Internet Explorer 版本(8 及更早版本)需要附加属性才能删除边框、滚动条和背景颜色:
<iframe frameborder="0" allowtransparency="true" scrolling="no" src="..."></iframe>
当然,这并不能验证。所以如何处理就看你自己了。我的(挑剔的)方法是嗅探代理字符串并添加 IE 9 之前版本的属性。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)