Facebookでよく使われるようになったインラインフレーム（iframe）の注意事項

これまでウェブサイトの制作であまり使ったことがなかったインラインフレーム（iframe）ですが、Facebookが登場してからiframeタブやソーシャルプラグインなどで利用するシーンが増えてきました。 ということで、インラインフレームについての注意事項をまとめてみました。 １．親フレームでインラインフレームのCSSは定義できない 「Facebookのコメントボックスを黒背景のブログで使えるようにする」でも書きましたが、親フレームで定義したCSSはインラインフレームに適用されません。 サンプル１ サンプルの枠上部にある「foo」という文字と枠内（インラインフレーム）の「bar」という文字に対し、親フレームで同じスタイルを与えていますが、インラインフレームには反映されていないことが分かります。 CSSを反映できるのはiframe要素までです。 ２．リンクターゲットに気をつけよう iframe

[webidea]

参考になった