我正在尝试删除iframes滚动条和框架边框。我不能使用frameborder=0
和scrolling=no
,因为HTML5不再支持它们。seamless
属性抛出一个警告,指出它尚未根据w3c验证器实现。我在网上发现了一个页面,上面说要用overflow:hidden
来删除滚动条,但它并没有删除滚动条,至少在我的google chrome中是这样。我没有检查过其他浏览器。而且frameborder仍然存在,即使我使用了border:none
。我还试图使用css设置iframe的宽度和高度,但是它不想监听。这是我当前的代码:
#vidframe
{
width: 577px;
height: 358px;
overflow: hidden;
border: none;
}
<iframe name="videoframe" id="vidframe" src="video1.html"></iframe>
是的,我可以很容易地将width=xxx height=xxx添加到iframe标记中,但我的理解是,使用html5的目标是尽可能多地将代码输入css……所以我不能在样式表中设置iframes的宽度和高度吗?同样,溢出隐藏没有删除滚动条…还有边界:没有人没有移除边界…
最佳答案
解决方案是添加溢出:隐藏在加载到iframe的文件的css中。如果文档不是可以控制其源代码的文档,则使用javascript将overflow hidden属性显示在其正文中。