css - Rails CSS設定の背景画像

Question

main.css

body{
    width:100%;
    height:100%;
    overflow:hidden;
    background:url('/assets/background-calculations.png');
}
body #content{
    z-index:5;
    background:url('/assets/handwritten-text.png');
//  background:white;
    width:100%;
    height:100px;
}
body #footer,#header{
    height:100px;
    width:100%;
    margin:0 auto;
}

index.html.erb は空白です

疑問に思う

コンテンツcssのコメントbackground:white;を外すと機能しますが、バックグラウンドURLを設定すると機能しませんが、コンテンツdivに設定すると同じURLが機能しません。助けてください

Answer 1

Ruby-on-railsで作業している場合は、アセット>画像があります。そこに画像を入れます。

スタイルシートフォルダ（アセット>スタイルシート）では、フォルダと画像ではなく、画像を指す必要があります。

body{
    width:100%;
    height:100%;
    overflow:hidden;
    background:url(background-calculations.png);
}
body #content{
    z-index:5;
    background:url(handwritten-text.png);
    width:100%;
    height:100px;
}

Ruby-on-railsはあなたの画像がどこにあるかを知っています

Answer 2

次のようなものを試してください。

body #content{
    z-index:5;
    background-image:url('/assets/handwritten-text.png');
    background-color:white;
    width:100%;
    height:100px;
}

これは動作中のライブデモです。