web-dev-qa-db-fra.com

ajouter une image de fond dans laravel 5

J'essaie d'ajouter une image d'arrière-plan pour mon site Web dans Laravel 5. 

Je l'ai utilisé dans mon fichier CSS.

html {
        background-image: url("images/background.jpg");
    }

l'image se trouve dans le dossier public de mon dossier de projet Laravel. J'ai essayé tous les chemins mais ça ne charge pas.

Je continue à avoir cette erreur:

http://Laravelproject.app:8000/background.jpg 404 (Not Found)

Toute aide serait appréciée. Merci.

phphtmlcsslaravellaravel-5
3
Harsh

Fonctionne très bien avec slash:

html {
    background: url("/images/background.jpg");
}
8
Alexey Mezenin

Répondre peut-être un peu tard mais faites ceci en espérant que cela aidera quelqu'un:

background-image:url({{url('images/php_mysql.jpg')}})
7
Ndong Akwo

Vous devez d'abord sortir de CSS en ajoutant deux points. Ici, je vais vous montrer un exemple, que je viens de tester et qui fonctionne très bien dans Laravel 5.7.

  1. Créez une nouvelle classe dans votre CSS et nommez-le corps de connexion.

  2. Votre code CSS devrait ressembler à ceci.

    .loginbody 
{
    background-image: url("../images/bg.jpg");
}

  3. Ajoutez cette classe au corps de la page où vous voulez l'image.

  4. Enregistrez et exécutez.

Remarque: soyez prudent avec votre chemin, où l'image existe. Dans mon cas, l'image est dans "public/assets/images/bg.jpg"

2
Hefaz

puisque vous êtes en css, vous devez d’abord en sortir avec les deux points . url ("../ images/background.jpg");

0
bcg

Vous pouvez utiliser ce css de la classe/id spécifique:

selector{
    background-image: url({{URL('/')}}/public/assets/landing/images/paper.jpg);
}

{{URL('/')}} désigne l'URL de base des emplacements de votre projet

0
AL FAISAL MIA