6

ウェブスペースからサイトを呼び出す iframe を使用し、1 つの css ファイルを使用してbody {background-color: #222}.

iframe src もこの CSS ファイルを使用します。問題は、iframe の本文に別の背景色が必要なことです。

試した

iframe>body { background-color: #other }

アイデアや提案はありますか？

4

6 に答える 6

7

iframe がサイトの小さな部分を占めていると思います。その場合、ロードされる iframe と同じサイズの div を使用し、この div に適切な背景色を与えることをお勧めします。

または: iframe ページのソースにスタイル プロパティを含めます。

<head>
    <style>body {background-color:#COLOR}</style>
</head>
于 2012-04-24T14:09:02.733 に答える
5

この質問は、css を iframe コンテンツに適用する方法に似ていますか? . 基本的に、jQuery を使用して iframe の CSS プロパティを変更できます。

$('#yourIframe').contents().find('body').css({
    background-color: '#333333'
});

編集: iframe の読み込み時に追加する必要がある場合があります。

$('#yourIframe').load(function(){ 
    $(this).contents().find('body').css({
        background-color: '#333333'
    });
});
于 2012-04-24T14:13:12.190 に答える
0

iframe が含まれるページで、別のスタイルシートをリンクしてから、必要なすべての CSS スタイルを変更します。

于 2012-04-24T14:02:27.813 に答える