インラインフレーム（iframe）の背景を透過する – ボンシのサイクリング＆グルメ道

　iframe内ページの背景について、一部のブラウザ（ie8、オペラ）ではデフォルトで背景が透過されません。透過させるには、iframeタグとフレーム内のページのbodyにコードの追加が必要になります。

iframeの透過設定

1.　iframeのタグ変更
<iframe src=”” allowtransparency=”true”></iframe>
iframeに「allowtransparency=”true”」を追加する。

2.　フレーム内ページの変更
bodyの背景に「transparent」を追加
body {
background-color: transparent;
}

slotblog

shinbo417@yahoo.co.jp