我的網站似乎可以在所有瀏覽器上運行，但IE 8可以正常運行。iFrame Not Loading IE 8

這裏是我的HTML代碼：

<head> 
    <title> Title </title> 
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
    <script type="text/javascript" src="respond.min.js"></script> 
</head> 

<body> 
    <iframe src="http://instagram.com/p/cR5BORA8Ij/embed/" 
      width="300" height="400" frameborder="0" 
      scrolling="no" allowtransparency="true" id="myFrame"></iframe>  
</body>

什麼我可能做錯了什麼建議？

來源

2013-07-29 qweqweqwe

您使用的是正確的文檔類型嗎？有控制檯錯誤嗎？ –

從問題iFrame content doesn't show in IE8：

剛從iFrame內容刪除下列規則：

html { position: relative; }

來源

2013-07-29 18:35:35

這裏有一個細目：

重現步驟：

創建一個頁面那就有position:relative的html元件

<html style="position:relative"> 
    <head></head> 
    <body>TEST</body> 
</html>

下面是小提琴的測試頁做到了這一點：

http://jsfiddle.net/KyleMit/DZbt5/show/light

現在使用該頁面的iframe中並打開IE8

<html> 
    <head></head> 
    <body> 
     <iframe src="http://jsfiddle.net/KyleMit/DZbt5/show/light/"></iframe> 
    </body> 
</html>

Here's a fiddle that should work in all browsers EXCEPT IE8

解決方案：

正如前面的答案所示，您可以從原始html頁面中刪除position:relative，但您可能無法訪問該頁面或無法對其進行更改。

相反，你可以相對位置只需添加到iframe元素本身：

iframe { 
    position: relative; 
}

Working Demo in Fiddle - Also works in IE8

其他情況下

問題也是在這裏問：

來源

2014-05-22 21:32:12 KyleMit

有時，iframe包含頁面信息，但會被擠壓。在這種情況下，iframe應該有最小高度，最小寬度值來解決這個問題 – kidz

iFrame Not Loading IE 8

回答