Je l'oublie toujours sobrement et il m'a fallu un certain temps pour obtenir les informations correctes, alors j'aimerais la garder comme mémorandum pour ne pas l'oublier!
Placez simplement le fichier image sous app / assets / images et écrivez comme suit.
custom.scss
.background {
background-image: image-url('haikei_image.jpg');
}
J'aime celui-ci car il est intuitif.
De la même manière, placez le fichier image sous app / assets / images et écrivez comme suit. La différence avec ① est que le nom du fichier est custom.scss.erb et l'extension est .erb.
erb:custom.scss.erb
.background {
background-image: url("<%= asset_path('haikei_image.jpg') %>");
}
J'ai utilisé cela au début parce que cela fonctionnait bien ici, mais j'ai rapidement cherché une autre méthode. Dans ce cas, bien sûr, il sera reconnu par l'éditeur comme un fichier erb, donc la fonction de complétion sera perdue lors de l'écriture du CSS. Je pensais que c'était assez ennuyeux w Si vous avez des contre-mesures, je vous serais reconnaissant de bien vouloir commenter!
Placer des images en public / images
background-image: url('/images/haikei_image.jpg');
Il semble y avoir un moyen d'écrire, mais cela n'a pas été bien reflété et cela a pris du temps. J'obtiens une erreur de rechargement sur la console. ..
Je sort ce que j'ai appris chaque jour comme ça! Nous sommes impatients de vous aider même un peu. Si vous avez des suggestions ou des impressions, je vous serais reconnaissant de bien vouloir commenter!
Recommended Posts