1

ここで説明する方法を使用して、ページの 1 つで iframe をセットアップしました。iframe にしようとしているページの一部が欲しかったので、さまざまなブラウザーのズーム/スケール機能を使用しました。

特定のセクションをロードするために、iframe を div でラップし、サイズとサイズを調整しました。次に、その div 内に iframe を配置し、top: -300px;

これは Firefox と Chrome ではうまく見えますが、IE8 ではまったく正しく動作しません (大きな驚きです)。基本的に、IE8 で他の何かが干渉しているように見え、ブラウザはtop: -300px他のブラウザと同じ開始点から を計算しません。そのため、IE8 では他のブラウザーと同じ結果が得られません。

さて、これが私が使用しているコードです。上記のトピックのコードを修正して、IE8がiframeコンテンツを適切に（iframe自体全体ではなく）スケーリングするために、iframe idではなくラッピングdivをスケーリング/ズームする必要がありました。 .

#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 に答える