Einstellung Hintergrundbild css mit Schienen

Question

Ich habe ein Bild namens item8, das auf meiner Webseite gerendert wird, das css sieht so aus. Dies ist in einer css.sass Datei

.body-detail-intro { 
    background: url(/assets/item8-45411322696feaa47a0345b3e4bdd5de1b2cff8243c534b84a83a8d4d732ec0d.png) no-repeat; 
    background-size: cover; 
    background-position: center; 

    height: 55vh; 
    position: center; 
    color: white; 
    } 

Ich bin nicht sicher, wo es Hash auf dem Bildpfad herkam als das Bild item-8 nur benannt. Wenn ich den Hash entferne und nur den Punkt 8 benutze, wird das Bild geladen.

Geben Sie nun dieses Bild Suitsandtables_HowitWorks.png

den Code unten nicht mit Suitsandtables_HowitWorks.png funktioniert Ich versuchte es auch mit einem anderen Bild, das ich schon auf meiner Website namens Team-1, die funktionieren noch nicht

.middle .right{ 
     background: image-url("/assets/team-1.jpg") no-repeat; 
     background-size: cover; 
     background-position: center; 
     height: 600px; 
     width: 300px; 
    } 

Ive versuchte Hintergrund, Hintergrundbild, URL, Bild-URL nichts funktioniert. Könnte ein css-Problem sein, das ich gerade prüfe, wie in falschen Klassen genannt für das css, um an zu hängen, aber ich denke nicht.

ich verwende css.sass

Answer 1

, die aus rake assets:precompile kommen Hash, die in der Produktion, so dass Ihre Server oder das CDN standardmäßig ausgeführt wird, die Sie verwenden können sie zwischenzuspeichern.

Kettenräder werden diesen Hash für Sie unter der Decke behandeln.

Meine Dateierweiterung ist nur .scss, aber das sollte keine Rolle spielen.

Ich habe dieses Beispiel nur aus einem Arbeitsprojekt extrahiert, also sollte es gut funktionieren.