可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

This question already has an answer here:

Blank iFrame in IE 4 answers

My website seems to work in all browsers but IE 8. Everything loads fine by the iFrame.

Here is my HTML code:

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

Any suggestions on what I could be doing wrong?

回答1:

Here's a full breakdown:

Steps to Reproduce:

Create a page that has position:relative on the html element

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

Here's a test page in fiddle that does just that:

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

Now use that page inside of an iFrame and open in 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

Solution:

As the previous answer suggests, you can remove position:relative from the original html page, but you might not have access to the page or be able to change it.

Instead, you can simply add relative position to the iframe element itself:

iframe {
    position: relative;
}

Working Demo in Fiddle - Also works in IE8

Other Instances

Question was also asked here:

iFrame content doesn't show in IE8
Blank iFrame in IE

回答2:

From the question iFrame content doesn't show in IE8:

Just remove the following rule from the iframed content:

html { position: relative; }

iFrame Not Loading IE 8 [duplicate]

问题:

回答1:

Here's a full breakdown:

Steps to Reproduce:

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

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

Solution:

Working Demo in Fiddle - Also works in IE8

Other Instances

回答2:

收藏的人(0)

iFrame Not Loading IE 8 [duplicate]

问题:

回答1:

Here's a full breakdown:

Steps to Reproduce:

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

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

Solution:

Working Demo in Fiddle - Also works in IE8

Other Instances

回答2:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮