web-dev-qa-db-ja.com

CSSをiframe内の要素に適用できますか?

外部サイトを含むiframeを使用するサイト、およびユーザーのJavaScript機能を含むトップフレームをよく見ます。

例えばユーザー分析ソフトウェア、Diggバーなど...


同様のものを実験するためのヒントはありますか? =)知っておくと素晴らしいでしょう

19
RadiantHex

いいえ、outside iframeからではありません。 <iframe>は独自の世界です。ドメインなどが一致する場合、JavaScriptは通信を行うことができ、CSSを子フレームに挿入できます(必要な場合)。

<iframe>には別のドメインのコンテンツが含まれています。できることはほとんどありません。親ページはフレームのサイズとそれが表示されるかどうかを制御し、独自のコンテンツを配置できますoverフレームを配置するなどしてフレームに配置できますが、実際のフレームコンテンツのレンダリング方法に直接影響を与えることはできません。

26
Pointy

同じドメインである場合は、次のようにJavaScriptを使用してiframeコンテンツに干渉できます。iframeのIDがIframeIdであると想定します。そして、「elementId」というIDを持つ要素の色を変更したいとします。

$("iframe").load(function() {
   var frameContents;
   frameContents = $("#IframeId").contents(); 
   frameContents.find("#elementId").css("color","#fff");
});
4