设置iframe的正确方法是什么?

时间:2014-01-07 22:42:56

标签: javascript css html5

我开始在这里摆弄iframe:

http://jsfiddle.net/M68GL/3

<iframe id="test" width="400" src="http://www.digg.com"></iframe>

我想摆脱滚动条和奇怪的边框,但无法弄清楚如何去做。

根据:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

在HTML 5中不推荐使用scrolling属性。

此外,我认为边境没有任何原因。

我可以使用CSS为元素添加id并设置样式吗?

使用HTML5。

2 个答案:

答案 0 :(得分:0)

就个人而言,我使用frameborder="0"来摆脱边框,但在CSS中使用border:0也应该这样做。

对于滚动条,您可以尝试添加overflow:hidden,但通常是需要在其html元素上指定的子文档。如果您不控制子文档,则无法停止使用CSS滚动,而是需要使用deprecated属性。

答案 1 :(得分:0)

答案如预期,跨浏览器尚不兼容。尽管如此,这里是新旧的混合物:

<iframe frameborder="0" scrolling="no" seamless>

这可能无法在W3C中验证,但您的客户不会注意到,也不会对您网页的操作产生负面影响。