Wie werden verschiedene Hintergrundbilder für jede Seite in Schienen eingefügt?

Ich habe 3 Seiten in meiner Rails Website und ich würde gerne jedes Hintergrundbild in jedem von ihnen setzen. Wenn ich es tueWie werden verschiedene Hintergrundbilder für jede Seite in Schienen eingefügt?

body { 
    background-image: url("myimage.jpeg") 
}

Es wird das gleiche Hintergrundbild auf allen Seiten setzen. Also habe ich den gesamten HTML-Code jeder Seite in einen Hauptclass-Container eingepackt und das Hintergrundbild des Containers gesetzt, der den Trick gemacht hat. Allerdings hat dies hinterlässt einen kleinen weißen Raum auf dem unteren Teil der Seite und der Hintergrund besetzen nicht vollständig den unteren Teil, auch wenn ich dies tun

.wallpaperdiv { 
     background-image: url("wallpaperbackground.jpeg"); 
     background-attachment: fixed; 
     background-position: cover; 
     background-repeat: no-repeat; 
     background-size: 100%; 
      }

Der erste Code, der „Körper“ anstelle der Klasse zielt doesn Hinterlasse keinen weißen Raum. Was müsste ich tun, um den Leerraum unten zu entfernen?

Quelle

2017-07-22 craftdeer

'background-position: cover;' ist nicht korrekt. Entferne das und das letzte auch. 'background-size: 100%;' und dann 'background-size: cover;' Wenn du den Hintergrund zentrieren musst, benutze 'background-position: center;' –

Sie hinzufügen können, ein class die body Tag-Attribut auf der Aktion in Abhängigkeit es zum Beispiel reagiert, wenn Sie ein foo haben, bar und meh Verfahren in einem Controller Main, dann können Sie tun:

<body class="<%= params[:action] %>">

Es Abhängig von der aktuellen Aktion wird ein Tag wie <body class="foo"> erzeugt. So können Sie Ihre CSS-Stile erstellen wie:

body.foo { ... } 
body.bar { ... } 
body.meh { ... }

Hinweis, wenn Sie mehr als eine Methode mit dem gleichen Namen haben, dann würden Sie wahrscheinlich benötigen einige zusätzliche Informationen zu der Kennung hinzuzufügen.

Quelle

2017-07-22 04:18:56

Funktioniert es ?, lass es mich wissen oder verbessere es die Antwort. –

Super, es funktioniert wunderbar. Danke – craftdeer

Wie werden verschiedene Hintergrundbilder für jede Seite in Schienen eingefügt?

Antwort

Verwandte Themen