• ベストアンサー

iframeの部分表示の方法

iframeの中(エリア)に別のhtmlファイルの内容を表示したい場合、別の内容は右上の部分からエリアの範囲内に表示されると思います。 たとえばwidthやheightでサイズ調整してもカットされるのは下であり右の内容になりますよね。 これを、たとえば右の一部や下の方の一部を表示したい場合、方法はあるのでしょうか。 たとえば、表示したい内容(別のhtml)を上から300pix、左から300pixの位置から、500×500のエリアを表示する。 scrollingは"no"とし、別ファイルは加工しない前提です。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

手っ取り早く使えるとしたら、これかな。 <iframe src="***.html" width="1000" height="1000" style="position:absolute; left:-290; top:-290; clip:rect(300 800 800 300);"></iframe> 表示位置は left と top で、クリップ範囲は rect 内の数値で指定。

noro6857
質問者

お礼

ありがとうございます。 数字のそれぞれの役割がよく理解できなかったため、悪戦苦闘しましたが、数字をそれぞれ色々いじりながら位置関係を確認してゆき、ようやくうまくできました。 これで目的どおりの表示ができます。 ありがとうございました。

関連するQ&A