Question

我经过测试的网站在这里：http://acjs.4fan.cz/test/index.html

它包含4张相同的140 x 140像素的图像。 img标签用于第一行，iframe标签用于140 x 140像素（底部）。我不会问为什么不同浏览器的iframe图片显示会有所不同：-）

我想知道如何防止iframe中的图像在IE 11上滚动，如以下视频所示：https://www.youtube.com/watch?v=jS6FiY8dpUA？

Answer 1

我认为最好的方法是使用CSS将内容设置为内部空间的100％，并用HTML中的iframe设置内容

#content{
 width:100%;
height:100%; 
}

Answer 2

您可以让图像完全填充iframe，以防止其在IE11上滚动。获取iframe <body>，并将主体的样式设置为margin:0px;padding:0px，以使其完全填充。以下是相关代码：

    <script>
            function a() {
                var iframe = document.getElementById('iframe1');
                var b = iframe.contentWindow.document.body;
                b.style.cssText = "margin:0px;padding:0px"; 
            }
    </script>

    <body onload="a()">
        <iframe width="140" height="140" src="image.jpg" frameborder="1" scrolling="no" id="iframe1">
        </iframe>
        <iframe width="140" height="140" src="c1.html" frameborder="1" scrolling="no" id="iframe2">
        </iframe>
    </body>

如何防止iframe中的图片在IE 11上滚动？

2 个答案: