2017-04-13 1 views
0

J'ai un site de rails https://cherry-cupcake-30790.herokuapp.com/le fond ne montrera pas: puis-je mettre un fond sur un fond en ruby ​​sur des rails?

et j'ai un fond vert allant dans le blanc. J'ai au milieu de cela une zone blanche où je veux mettre un autre arrière-plan au texte dans ce domaine. J'ai essayé d'ajouter bamboo.jg avec la ligne suivante ajoutée dans le fichier css.

background-image: url(/assets/bamboo.jpg); 

j'ai aussi essayé des variations sur ce

background-image: url(/images/bamboo.jpg); 
background-image: url(bamboo.jpg); 
background-image: url("bamboo.jpg"); 
background: url(bamboo.jpg); 

et quelques autres, mais l'arrière-plan ne fonctionne toujours pas montrer. Des idées pourquoi?

+0

Dans quel dossier se trouve l'image? Votre pipeline d'actifs fonctionne-t-il généralement pour d'autres types de fichiers? – spickermann

+0

assest/images/bamboo; jpg – Owen

+0

Est-ce que css est dans un dossier différent ou est-ce que le dossier assets est un répertoire au-dessus, alors assurez-vous d'utiliser background-image: url ("../ images/bamboo.jpg"); –

Répondre

1

Vérifiez que votre fichier css est traité par Sprockets à l'aide de l'extension de fichier .css.scss ou .css.sass. Au sein de ce fichier utilisez la syntaxe suivante:

background-image: image-url("bamboo.jpg") 

Lire sur le The Asset Pipeline dans les guides Rails.

+0

qui ne fonctionne pas non plus – Owen

+1

Comment cela ne fonctionne-t-il pas exactement? Y a-t-il une exception d'application? Qu'est-ce que le navigateur essaie de récupérer lorsque vous ouvrez la page? Vous pouvez le voir dans la console Web ou l'inspecteur Web. –

+0

Quelle URL cette ligne rend-elle dans votre fichier css? – spickermann