0

对于我正在进行的一项开发，我需要动态创建一个包含一些动态内容的 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 上尝试了“溢出：隐藏”，但观察到了类似的行为。

这在 FF / Chrome / Safari 中可以正常工作，但在 IE8 中不行！

显然，即使在指定不需要滚动条之后，IE 也会为滚动条保留一些空间？右侧渲染了一个空白区域，使其看起来图像没有居中对齐。在我需要的 iframe 中，它看起来真的很难看。

有没有办法解决这种行为？

4

3 回答 3

5

在 iframe 的声明中，将样式属性style="scrolling:no"更改为scrolling="no"

结果： < iframe id="xxxx" width="70px" height="70px" scrolling="no" src="content.html" >

于 2012-04-03T12:23:21.403 回答
1

隐藏边框使用：

frameborder='0' scrolling='no'
于 2012-09-18T23:21:18.670 回答
0

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

frameborder="0"
于 2011-08-12T09:14:28.107 回答