インラインフレーム(iframe)の背景を透過する

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

iframeの透過設定

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

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

カテゴリー: Html&CSS, ホームページ作成 タグ: パーマリンク

コメントを残す