繁体   English   中英

HTML5 CSS3和IFRAMES?

[英]HTML5 CSS3 and IFRAMES?

我正在尝试删除iframe滚动条和frameborder。 无法使用frameborder=0scrolling=no因为HTML5不再支持它们。 seamless属性会引发警告,表明尚未根据W3C验证程序实现。 我在网上找到了一个页面,该页面说使用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>

是的,我可以轻松地在iframe广告代码中添加width = xxx height = xxx,但是我的理解是,使用HTML5,目标是尽可能将编码尽可能多地添加到CSS中...所以我不应该设置样式表中的iframe宽度和高度? 再次,隐藏的溢出没有删除滚动条...和边框:没有没有删除边框...

解决方案是在被加载到iframe中的文件的CSS中添加overflow:hidden。 如果文档不是您可以控制的源代码,则使用javascript将溢出隐藏属性附加到其主体。

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

如何使用JavaScript从IE中的iframe删除边框

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM