ジェイクールの更新テクニック

2015.02.06

IEでiframeの背景が白くなる時の対策

ver8以前のIEや互換表示の際にiframeの背景が白くなり困る時には、

1. iframe読み込みタグに背景を透過させる記述を追加

allowTransparency="true"

 
記述例：

<iframe src="http://hogehoge/xxxx.html" width="500px" height="100px" scrolling="No" frameborder="0" allowTransparency="true"></iframe>

※因みに上記の「 scrolling=”No” frameborder=”0″」は記述すると「スクロールバー無し・ボーダー無し」となります。

 

2. それでも白くなってしまう場合
「iframeで読み込むファイル」のbody背景色を透明に設定します。

body {
	background-color: transparent;
}

 

お試しください。