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; "