iframeの背景を透明して、地ページの背景画像を表示させる設定

2011年12月8日

インラインフレームに読み込まれる文書のbodyに以下のスタイルを設定する。

body {
background-color: transparent;
}

IEの場合は、iframe要素に allowtransparency=”true”を加えないと
透明にならない。

<iframe src="example.html" allowtransparency="true"> ～ </iframe>

scrollをno設定にしてても枠自体は残ります。
これ枠も見えないようになればいいのになぁ。

参考：スタイルシート［CSS］/フレーム/インラインフレームの背景を透過する – TAG index Webサイト