Que faire si CSS ne peut pas afficher les images

Solutions au problème selon lequel CSS ne peut pas afficher les images : 1. Vérifiez si l'appel CSS a réussi ; 2. Vérifiez si le paramètre div est incorrect ; 3. Vérifiez le chemin d'appel de l'image d'arrière-plan et modifiez-le ; Définissez la largeur et la hauteur de l'élément d'arrière-plan ; 5. Définissez l'élément pour qu'il ait des attributs de bloc ; 6. Vérifiez s'il est écrasé par le style de la classe CSS du même nom et modifiez-le.

L'environnement d'exploitation de cet article : système Windows 7, version CSS3, ordinateur Dell G3.

La raison pour laquelle l'image d'arrière-plan définie par CSS ne s'affiche pas

1. Le CSS n'est pas appelé

Il s'agit de vérifier si l'appel CSS a réussi.

2. Un mauvais paramètre div peut facilement rendre l'image d'arrière-plan trop haute pour être affichée

3. Le chemin d'appel de l'image d'arrière-plan est incorrect

Le paramètre CSS d'arrière-plan, méthode d'écriture C'est .div{backgroud:url('1.jpg');}. Vérifiez si votre CSS est écrit correctement. L'image ne s'affiche pas. Si vous le faites, elle est peut-être stockée au mauvais endroit. Je ne sais pas où est placé l'image. Comment le dossier doit-il être écrit ? Vous pouvez assembler le fichier html et l'image et écrire directement backgroud:url('1.jpg');

4. n'a ni largeur ni hauteur.

Lorsque l'élément n'a ni largeur ni hauteur, l'arrière-plan ne peut pas être affiché. L'arrière-plan ne développe pas l'élément. Définissez la taille de l'arrière-plan.

La boîte div n'a pas de contenu, donc la largeur et la hauteur doivent être définies

5 L'élément n'a pas d'attributs de bloc.

La hauteur et la largeur définies lorsque l'élément n'a pas l'attribut block ne sont pas valides. L'image ne sera donc pas affichée.

6. Remplacé par le style de la classe CSS du même nom.

Supposons qu'il y ait un nom nommé .bg à l'avant pour définir l'image d'affichage d'arrière-plan, et qu'il soit nommé .bg plus tard et définit la couleur d'affichage d'arrière-plan.

À ce stade, vous devez ouvrir la console (appuyez sur la touche F12) pour afficher l'attribut d'arrière-plan du style CSS.

Pour des connaissances HTML/CSS plus détaillées, veuillez visiter la colonne Tutoriel vidéo CSS !

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!