0

ホームページにbackground-image. 私が抱えている問題は、ホームの唯一のコンテンツがlayouts/headerパーシャルからのものであり、に行くとすぐにそこにanother controller's viewsあるbackground imageはずがないということです.

body{ background-image: url('background.jpg') }入力すると機能するだけでなく、他のすべてのページにも表示されることに気付きました。

もう 1 つの問題は、以下のコードが機能するのは、ページのコンテンツがimage's size.

アプリ/ビュー/ストア/ホーム

<div class = "home">

</div>

CSS

.home {
    background-size: 100% 100%;
    background-image: url('background.jpg');
}

そのためbackground image、背景には表示されません。それを機能させるには、どのcssルールを適用する必要がありますか?

4

1 に答える 1

1

<body> id現在のコントローラーとアクションの値を動的に渡すことができる属性を作成します。

# app/views/layouts/application.html.erb
<body id="<%= params[:controller]+'_'+params[:action] %>">

<body> idしたがって、あなたがであると仮定するとhome_index、CSS で以下をターゲットにすることができます。

body#home_index {
    background-size: 100% 100%;
    background-image: url('background.png');
}

このように<body>して、ホームページのタグ (おそらく、この例indexではコントローラーのアクションからレンダリングされたhomeもの) のみに CSS スタイルが適用されます。

于 2013-06-16T10:01:40.530 に答える