IEでiframeへのCSS(背景、ボーダー)が効かない件

はい、またまたIEですね。
デフォルトのiframeのスタイルってかなりアレな感じなので、
もちろんCSSでボーダー消したり、背景色指定したり調整しますよね。
ですが、例のごとくIEはゴネてくれます。

で、Firefoxをはじめモダンブラウザなら、
問題なくCSSのborderやらbackgroundやらが効いてくれますが、
空気読まない代表のIEだけは、しっかりと無視してくれます。

で、IEに関してはCSSだけでの制御には限界があるみたいで、
別途HTMLのタグに属性値の指定が必要です。

■周囲の境界線(ボーダー消す場合)
<iframe src="hoge.html" frameborder="0"></iframe>

■背景色を透過させる場合
<iframe src="hoge.html"  allowtransparency="true"></iframe>

せっかくWeb標準に則って、HTMLとCSSで文書構造と視覚効果を分割しても、
IEが見事にご破算にしてくださるわけですよ。本当にIEにはゲンナリです。

コメントを残す

メールアドレスが公開されることはありません。