HTML5、CSS3和IFRAMES是什么？

Question

HTML5、CSS3和IFRAMES是什么？

3

我正试图去掉iframes的滚动条和边框。由于在HTML5中不再支持frameborder = 0和scrolling = no，因此我无法使用它们。根据W3C验证器，seamless属性会引发警告，称其尚未实现。我在网上找到了一篇文章，说要使用overflow:hidden来去除滚动条，但是在我的谷歌浏览器中它并没有去除滚动条。我还没有检查其他浏览器。而且即使我使用了border:none，边框仍然存在。我还试图使用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的宽度和高度吗？再次说明，溢出hidden并没有去除滚动条...而border：none也没有去除边框...

- IncomePitbull

我一直尝试了很多次...它被卡在我的缓存中。现在在Chrome和Firefox中看起来完美。然而，在Internet Explorer 9中，它显示了丑陋的滚动条！为什么微软如此愚蠢！有什么办法可以使用上述代码并使其在IE中删除滚动条？ - IncomePitbull

没有人愿意回答 :( 我现在只需要从Internet Explorer的iframe中删除滚动条。它需要是HTML5有效的，这意味着我不能在html标签中使用scrolling=no。它会忽略CSS。所以除非有人知道CSS的诀窍，否则我想我要寻找javascript... - IncomePitbull

2个回答

-1

使用JavaScript移除iframe边框和滚动条，请参考以下链接...

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

- Sundar

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- IncomePitbull · Accepted Answer

解决方案是在被加载到 iframe 中的文件的 CSS 中添加 overflow:hidden。如果文档不是您可以控制其源代码的内容，则使用 JavaScript 将 overflow hidden 属性附加到其 body。