loading
 読み込み中...
ウェブの触手-日々の生活に新たなスパイスを-
Home > [ウェブデザイン] > 【CSS】iframeで背景色を取り除こうにもtransparentが機能しないIEでの解決法
この記事は約1分で読めます。
この記事は最終更新日から5年以上経過しているため現状にそぐわない可能性もあります。

【CSS】iframeで背景色を取り除こうにもtransparentが機能しないIEでの解決法

投稿日:2010.11.14

Amazonのインスタントストアやバナーを自分のブログに取り込もうとすると iframeでの指定になります。
デザインの変更もかろうじて CSSで可能です。かなり面倒くさいですが。

しかしながら元々設定してある<body>の背景カラー "#FFF" を取り除こうとすると
どうしても IE だけが削除できません。

これを他のブラウザ同様、透明にする指定を見つけたので残しておきます。

スポンサーリンク

実装

iframe の body に設定してある #FFF(白)の背景カラーが邪魔で取り除きたいんですが
Chrome であれば「background-color」に”transparent”を指定すれば背景カラーが消えてくれます。

ところが IE で見てみると背景は「白」のまま。

何をどうやっても白が消えてくれません。

そこでいつものように Google先生に訊いてみると、下記の要領で消えるとか。

background-colorに transparent を指定。
かつ iframe 内に allowtransparency=”true”を指定。

こうすることで見事 IE で背景色が消えてくれました。

記事元:TAG(index)

記事はお役にたてましたか?

記事にご興味をもっていただけましたら
下のソーシャルボタンで共有していただけると嬉しいです^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

スポンサーリンク

おススメTCDテーマ

WordPressテーマ「PHOTEK (tcd024)」

コメント(0件)

コメントをどうぞ

入力いただいたメールアドレスは公開されません。
個人情報などを記入された場合、投稿いただいたコメントの該当箇所を編集して公開するか、もしくは非公開にします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

先頭へ