Question

我使用了here描述的方法在我的某个网页上设置了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角色？

Answer 1

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

Internet Explorer中的iFrame扩展问题

1 个答案: