HTML5和frameborder

我有一个HTML5文档的iframe。 当我validation我得到一个错误告诉我,在iframe frameBorder的属性是过时的,而不是使用CSS。

我有这个属性frameBorder="0"在这里,因为这是唯一的方法,我可以弄清楚如何摆脱边界在IE浏览器,我试图border:none; 在CSS中没有运气。 有没有一个合规的方法来解决这个问题?

谢谢。

HTML 5不支持frameborder,滚动,marginwidth和marginheight(HTML 4.01支持)等属性。 相反,HTML 5规范已经引入了无缝属性。 无缝属性允许embedded式框架显示为包含文档的一部分。 例如,边框和滚动条不会出现。

资源

有关html5 iframe和无缝的更多信息,你可以在这里find。

Internet Explorer 8不支持HTML5的所有function,所以你将有问题使用iframe,HTM5,即在一起。

根据其他张贴在这里 ,最好的解决scheme是使用CSS的条目

 style="border:0;" 

由于frameBorder属性只对IE来说是必要的,所以还有另一种绕过validation器的方法。 这是一个轻量级的方式,不需要Javascript或任何DOM操作。

 <!--[if IE]> <iframe src="source" frameBorder="0">?</iframe> <![endif]--> <!--[if !IE]>--> <iframe src="source" style="border:none">?</iframe> <!-- <![endif]--> 

这工作

 iframe{ border-width: 0px; } 

如何使用相同的技术,通过在XHTML中粘贴一个目标属性,用JavaScript“validation”validation器<a onclick="this.target='_blank'">

  • onsomething =“this.frameborder ='0'”

<iframe onload = " this.frameborder='0' " src="menu.html" id="menu"> </iframe>

getElementsByTagName]("iframe") 1为页面上的所有iframe添加此属性?

没有testing过,因为我已经做了一些事情,这意味着在IEless于9的情况下没有任何工作! :)所以,当我整理出来… 🙂

我发现一个很好的工作,将允许它在IE7 在这里工作。 它绕过了frameBorder属性的validation器,但是保留了未来浏览器的css,正如后面所说的。

 style="border:none; scrolling:no; frameborder:0; marginheight:0; marginwidth:0; "