Question

对于我正在进行的一项开发，我需要动态创建一个包含动态内容的iframe（通常是图像 - 图像源是动态的，但尺寸是固定的）。我不需要在iframe上显示任何滚动条，这就是我所做的

<iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html">
</iframe>

//content.html
<body>
    <div style="height: 100%; width: 100%; overflow: hidden">
        <img id="imgDiv" src="" style="height: 100%; width: 100%; ">
    </div>
</body>

我还在iframe上尝试过“overflow：hidden”，但观察到了类似的行为。

这适用于FF / Chrome / Safari，但不适用于IE8！

显然，即使指定不需要滚动条，IE也会为滚动条保留一些空间？一个空的空间在右侧呈现，使得它看起来像图像不是居中对齐的。它在iframe中看起来非常难看，就像我在这里需要的那样小..

这种行为有什么办法吗？

Answer 1

在iframe的声明中，为 scrolling =“no”更改样式属性 style =“scrolling：no”

<强>结果：＆LT; iframe id =“xxxx”width =“70px”height =“70px” scrolling =“no” src =“content.html”＆gt;

Answer 2

隐藏边框使用：

frameborder='0' scrolling='no'

Answer 3

你可以在iframe上设置一个frameborder属性，试一试

frameborder="0"

IE8，iframe和不必要的滚动条

3 个答案: