2012-04-25 11 views
4

iframeコンテンツをスタイルする可能性はありますか?iframeコンテンツのスタイル設定

私はGoogleとの統合に取り組んでおり、iframeにはドキュメントが含まれています。

<iframe src="https://docs.google.com/document/d/1FXbO5XkM5jIcvkqNTEu2EoxmU9UmlyLaa8NPmlcQW1M"></iframe> 

このGoogleドキュメントには、表示したくないメニュー(ファイル、編集...)があります。この要素を対象にして、そのような属性を与える可能性はありますか?表示:なし?または、単にこの要素を何とか隠すだけですか?

ありがとうございます!

+0

いいえ、https://docs.google.comドメインに存在するドキュメントにiframeが含まれていない限り、それは不可能です。 –

+0

あなたは何をしようとしていますか? – tedski

答えて

4

、あなたはは何とか

あなたが試すことができると言いましたよう:

<div id="trick"> 
    <iframe/> 
</div> 

#trick{ 
    overflow:hidden; /* you will have to play a bit with heights and widths*/ 
} 
#trick iframe{ 
    position:absolute; /*or relative. depending on your markup*/ 
    top:-90px /* Asuming the menu you want to hide is that height */ 
} 

仕事をする 'ようだ':http://jsfiddle.net/Tey5f/3/

たりできます

$('iframe').contents().find('head').append('rel="stylesheet" type="text/css" href="myChanges.css" />'); 
+1

素敵なトリックは、仕事をしない!ページに他のコンテンツが必要な場合に備えて、代わりに相対的な位置を使用する必要があります。あなたの答えの2番目の部分はクロスドメインポリシーに違反します。 –

+0

素敵なトリック!私はちょうどそれを少し構成し、それは仕事をする!再度ありがとう:) –

+0

あなたは非常に歓迎されています;) –

2

Googleドキュメント、クロスドメイン防止などの外部サイトにスタイルを適用する方法はありません。うまく

0

これはできません。ただし、Googleのコンテンツをロードするためにプロキシを使用することができます:)あなたはプロキシそのような要求に、サーバー側を設定したら、ちょうどこのようなものでグーグルのURLを置き換える:

http://yoursite.com/googleproxy/document/d/1FXbO5XkM5jIcvkqNTEu2EoxmU9UmlyLaa8NPmlcQW1M 

しかし、グーグルによってリンクされたコンテンツに問題があるかもしれません現在、docs.google.comへのリクエストはクロスドメインになっています。