2014-02-10 49 views
0

我有多个iframe:多个iframe,只有第一个负载

<html> 
<head> 
<title>Page</title> 
</head> 
<body> 
<iframe src="http://website1.com" /><p></p> 
<iframe src="http://website2.com" /><p></p> 
<iframe src="http://website3.com" /></p> 
<iframe src="http://website4.com" /><p></p> 
</body> 
</html> 

然而,website1.com负载为一个iframe。如果我把网站2放在它上面,只有网站2加载。我如何使所有4个iframe加载?它不是隐藏的,我使用检查元素来验证是否显示ONLY网站1。

回答

1

你的问题是,iFrames不是自闭标签。使用此语法,而不是让你的iframe代码:

<iframe src="http://google.com"></iframe><p></p> 
<iframe src="http://yahoo.com"></iframe><p></p> 
<iframe src="http://ask.com"></iframe><p></p> 
<iframe src="http://bing.com"></iframe><p></p> 

的jsfiddle:http://jsfiddle.net/7q6BC/

+0

问题解决了。出于好奇,为什么它会这样工作? – Frank

+0

我不完全确定为什么。从技术上讲,HTML不允许自动关闭标签,但有些标签将由* XHTML *自行关闭。我不确定XHTML是否支持iFrame(如果它不会解释问题)。 如果这工作,请将其标记为已接受,以防其他访问者遇到相同问题:) –

+0

@ chipperyman573以下是一些关于自闭标签及其有效性的更多信息:http://stackoverflow.com/questions/3558119 /是自闭的标签化有效的-HTML5 –