1

我已使用此处描述的方法在我的一个页面上设置 iframe。我只是想要一个我试图 iframe 的页面，所以我使用了各种浏览器的缩放/缩放功能。

为了加载某个部分，我将 iframe 包装在一个 div 中，调整大小并缩放它。然后我将 iframe 放入该 div 并使用top: -300px;

这在 Firefox 和 Chrome 中看起来很棒，但在 IE8 中根本无法正常工作（大吃一惊）。基本上，看起来其他东西正在干扰 IE8，并且浏览器不会top: -300px从与其他浏览器相同的起点计算 。因此，您最终在 IE8 中看到的结果与在其他浏览器中看到的结果不同。

好的，这是我正在使用的代码。我最终修改了上面前面提到的主题中的代码，为了让 IE8 正确缩放 iframe 内容（而不是整个 iframe 本身），我必须缩放/缩放包装 div 而不是 iframe id 他们建议.

#themeframe {
    overflow: hidden;
    position: relative;
    width:800px;
    height:850px;
    -ms-zoom: 0.75;
}


#frame {
    position: absolute;
    overflow-x: hidden;
    top: -300px;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;

我究竟做错了什么？或者，更确切地说，IE8 看到我不是什么奇怪的 CSS 字符？

4

1 回答 1

1

-ms-zoom可能是IE8不理解的东西。固定规则：zoom: 75%;. 注意单位。

于 2012-08-15T09:14:00.580 回答