Css Internet Explorer中的iFrame缩放问题
我已经使用所描述的方法在我的一个页面上设置了iframe。我只是想从我试图构建的页面中获得一部分,所以我使用了各种浏览器的缩放功能 为了加载某个部分,我将iframe包装在一个div中,调整大小并缩放它。然后我将iframe放在该div中,并使用Css Internet Explorer中的iFrame缩放问题,css,internet-explorer,iframe,internet-explorer-8,scale,Css,Internet Explorer,Iframe,Internet Explorer 8,Scale,我已经使用所描述的方法在我的一个页面上设置了iframe。我只是想从我试图构建的页面中获得一部分,所以我使用了各种浏览器的缩放功能 为了加载某个部分,我将iframe包装在一个div中,调整大小并缩放它。然后我将iframe放在该div中,并使用top:-300px定位它 这在Firefox和Chrome中看起来很不错,但在IE8中根本不起作用(令人大吃一惊)。基本上,它看起来像是其他东西在干扰IE8,并且浏览器没有从与其他浏览器相同的起点计算top:-300px。因此,在IE8中看到的结果与在
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角色?-ms zoom
可能是IE8不理解的事情。固定规则:zoom:75%代码>。注意装置。-ms zoom
可能是IE8不理解的东西。固定规则:zoom:75%代码>。注意装置。不,这不起作用。当然,这并不能解决问题,如果你没有-ms zoom
,只需放入zoom
,Chrome就会同时解释zoom
和-webkit
,并在Chrome中破坏它。谢谢你!不,这不行。当然,这并不能解决问题,如果你没有-ms zoom
,只需放入zoom
,Chrome就会同时解释zoom
和-webkit
,并在Chrome中破坏它。谢谢你!