Maison >interface Web >tutoriel CSS >Pourquoi mon image d'arrière-plan CSS ne se charge-t-elle pas ?

Pourquoi mon image d'arrière-plan CSS ne se charge-t-elle pas ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-02 04:36:30398parcourir

Why Is My CSS Background Image Not Loading?

L'image d'arrière-plan CSS refuse de se charger

Problème :

Malgré les instructions du didacticiel suivantes, un arrière-plan blanc vierge apparaît sur le page au lieu de l’image spécifiée. Les didacticiels conseillaient d'utiliser body {background: url('image.jpeg');} au lieu du obsolète . Le code CSS fourni comprend :

body 
{
background-image: url('nickcage.jpg');
...
}

Solution :

Pour corriger ce problème, supprimez les guillemets simples autour du nom du fichier image dans le code CSS :

background-image: url(nickcage.jpg); // No quotes

Considérations supplémentaires :

  • Le Les fichiers HTML, CSS et image doivent résider dans le même répertoire.
  • Si les fichiers CSS ou image se trouvent dans des sous-répertoires, assurez-vous que le chemin d'accès est correct :

    • image d'arrière-plan : url(../images/nickcage.jpg); // CSS et image dans les sous-répertoires
    • background-image : url(images/nickcage.jpg); // CSS et image dans différents sous-répertoires

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn