HTML5 CSS3和IFRAMES？

Question

我想删除iframes滚动条和frameborder.我无法使用frameborder=0,scrolling=no因为它们不再受HTML5支持.该seamless属性会抛出一条警告,指出它尚未根据W3C Validator实现.我在网上发现了一个overflow:hidden用来删除滚动的页面,但它并没有删除滚动条,至少在我的谷歌浏览器中.我没有检查过其他浏览器.即使我使用了框架边框,它仍然存在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宽度和高度？再次,溢出隐藏没有删除滚动条...和边框:没有删除边框...

Answer 1

解决方案是添加溢出:隐藏在正在加载到iframe的文件的css中.如果文档不是你可以控制源代码的东西,那么使用javascript将溢出隐藏属性附加到它的主体.