0

ここの同様の質問からの回答に基づいています: How can I dynamic change the background-color html?

...次のコードをイベントに追加しました:

    $('html').removeClass('bronzeBackground silverBackground goldBackground').addClass('bronzeBackground');

これは部分的に機能しますが、色はページの一部でのみ変更されます。ページの背景全体にその色を使用するにはどうすればよいですか? 「html」に加えて「body」や他の要素も指定する必要がありますか? 1 つのタグをすべて変更するアプローチが必要です...

アップデート

関連して、理由はわかりませんが、この CSS を追加しても機能しません。

#BooksContent #MoviesContent #MusicContent {
    background-color: black !important;
}

... div (id="BooksContent") のコンテンツを動的に入力した後、これを jQuery に追加すると機能します。

$('#BooksContent').css('background-color', 'black');
4

4 に答える 4

2

maxtonの回答を使用したくない場合は、使用できます

$('.bronzeBackground, .silverBackground, .goldBackground').removeClass('bronzeBackground silverBackground goldBackground');

$('body').addClass('bronzeBackground');

（編集、愚かなタイプミスを削除）

于 2013-07-14T00:35:56.740 に答える
1

ページ上のすべての要素に対して、これは機能します。

$('*').removeClass('bronzeBackground silverBackground goldBackground').addClass('bronzeBackground');
于 2013-07-13T23:49:03.180 に答える
1

どの要素がカラー スキームの影響を受けるかは、完全にあなた次第です。ページ上のすべての要素の背景色を完全に設定することは、おそらくあなたが望むものではありません。

表示するJSは問題ありませんが、CSSでそれを操作する必要があります.CSSでは、要素に透明な背景を持たせるか、複数のセレクターをリストして同じスタイルにすることができます.

body.silverBackground, body.silverBackground nav, body.silverBackground div#main /* etc */
{
     /* CSS for "silver" theme background */
}
body.silverBackground a
{
    /* corresponding link colour to match theme */
}
于 2013-07-14T00:13:46.270 に答える