3

我正在尝试删除 iframe 滚动条和框架边框。我不能使用frameborder=0，scrolling=no因为 HTML5 不再支持它们。该seamless属性会抛出一个警告，说明它尚未根据 W3C Validator 实现。我在网上找到了一个页面，据说可以overflow:hidden用来删除滚动条，但它并没有删除滚动条，至少在我的谷歌浏览器中是这样。我没有检查其他浏览器。而且 frameborder 仍然存在，即使我使用了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 ......所以我不应该能够设置样式表中的 iframe 宽度和高度？再次，溢出隐藏没有删除滚动条......和边框：没有没有删除边框......

4

2 回答 2

11

解决方案是在正在加载到 iframe 的文件的 css 中添加溢出：隐藏。如果文档不是您可以控制其源代码的东西，则使用 javascript 将溢出隐藏属性附加到它的正文。

于 2012-06-12T04:57:57.603 回答
-1

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

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

于 2012-06-13T05:42:50.097 回答