2012-01-22 28 views
1

私は」特定のページに別の背景画像を追加したいとは - 以下の表記法を調整する方法がある:タイトルに基づいて選択するサイト内の特定のページのみのbody要素を選択しますか?

someselector body:url('somedifferentimage.jpg'); 

body {background: url('someimage.jpg'); 

おそらく方法やhtmlドキュメント名?

+0

私は感謝のフィードバックのためのスタイルの属性 – noob

答えて

1

通常は、ページごとに異なるスタイルシートを作成し、宣言を追加します。したがって、ちょうど:

body { 
    background-image: url('somedifferentimage.jpg'); 
} 

オーバーライドしたいページにリンクします。それが不可能で少し進歩的な拡張がオプションである場合、いくつかのilkのJavaScriptを試すことができます:

たとえば、

+0

をありがとう。この1つの簡単な変更のために、新しくてほぼ同じシートを作ることは過度に思われますか?他の方法はありますか? –

+0

@DougFirr:JavaScriptはありますが、サーバー側のスクリプトも可能ですが、いいえ。複数のスタイルシートにリンクすることができるので、スタイルシート全体を複製することはできません。各ページ固有のスタイルシートには1つのルールのみが含まれます。 – Ryan

1

カスタムスタイルを使用するbodyタグにクラスを追加します。

CSS:

.customBody { 
background-image: url('somedifferentimage.jpg'); 
} 

HTML:

<body class="customBody"> 
1

より一般的に受け入れられた方法は、body要素にクラスを置くことです:

<body class="specialpage"> 

そして背景を適用しますそのクラスの<body>にのみ。

関連する問題