2014-02-10 76 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 –