HTML5 CSS3和IFRAMES?

时间:2012-06-12 04:14:10

标签: html css html5 css3 seo

我正在尝试删除iframes滚动条和frameborder。我无法使用frameborder=0scrolling=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的宽度和高度?再次,溢出隐藏没有删除滚动条...和边框:没有删除边框...

2 个答案:

答案 0 :(得分:11)

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

答案 1 :(得分:-1)

使用javascript删除iframe边框和滚动条,请参阅以下链接...

How to remove border from iframe in IE using javascript