我正在尝试删除iframes滚动条和frameborder。我无法使用frameborder=0
和scrolling=no
,因为HTML5不再支持它们。 seamless
属性会发出警告,指出它尚未根据W3C Validator实现。我发现一个在线页面说要使用overflow:hidden
删除滚动,但它不会删除滚动条,至少在我的谷歌浏览器中。我没有检查过其他浏览器。即使我使用border:none
,frameborder仍然存在。我也试图使用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 ...所以不应该我能够在样式表中设置iframe的宽度和高度?再次,溢出隐藏没有删除滚动条...和边框:没有删除边框...
答案 0 :(得分:11)
解决方案是添加溢出:隐藏在加载到iframe的文件的css中。如果文档不是你可以控制源代码的东西,那么使用javascript将溢出隐藏属性添加到它的正文中。
答案 1 :(得分:-1)
使用javascript删除iframe边框和滚动条,请参阅以下链接...