Que dois-je faire si CSS ne peut pas afficher l’arrière-plan ?

Solutions aux CSS qui ne peuvent pas afficher l'arrière-plan : 1. Vérifiez si le CSS a été appelé et rappelez le chemin CSS correct ; 2. Vérifiez l'adresse de l'image CSS et modifiez-la correctement 3. Correction de la hauteur du div ; 4. Vérifiez si le div est intégré. Définir et modifier ; 5. Standardiser le code div.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3, ordinateur DELL G3

Que dois-je faire si l'arrière-plan ne peut pas être affiché en css ?

Solution à l'image ou à la couleur d'arrière-plan div qui ne s'affiche pas

Les principales raisons pour lesquelles l'image d'arrière-plan ne s'affiche pas sont les suivantes :

1. css n'est pas appelé

2.

3. La hauteur du div n'est pas fixe, elle est automatique, aucune valeur n'est définie ou la hauteur n'est pas assez élevée

4 Le div est imbriqué

5. Solution :

- La hauteur du DIV est automatique et la couleur d'arrière-plan ne peut pas être affichée, changez le code original height:auto; en height:100%;!important et il est également compatible avec IE6, 7, 8 et Google Firefox.

- Supposons que le style de couleur d'arrière-plan est défini pour un objet et que la boîte interne de l'objet utilise le style d'attribut float. À ce stade, l'objet flotte, ce qui empêche l'ouverture de l'objet, de sorte que la couleur d'arrière-plan CSS ne peut pas. être affiché. Solution Il existe trois types, l'un consiste à définir clear sur clear float, à définir la hauteur CSS et à définir le style de débordement CSS.

- La limite de hauteur empêche l'affichage complet de la couleur d'arrière-plan. Si vous avez un objet qui n'a pas calculé la hauteur (ou qui a accidentellement défini un style d'attribut de hauteur très petit), parce que vous n'êtes pas sûr de la quantité de contenu, lorsque le contenu dépasse la limite de hauteur que vous avez définie, les parties au-delà de l'arrière-plan peuvent ne pas être affichées pour le moment. Définissez une hauteur suffisamment élevée ou annulez la suppression du style de hauteur.

Cas :

<div style="width:960px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左侧</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右侧</div>
</div>

Étant donné que la hauteur du div externe n'est pas définie, après avoir défini le code ci-dessus, vous verrez trois cases transparentes

Le code correct est le suivant :

<div style="width:960px; height:200px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左侧</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右侧</div>
</div>

Apprentissage recommandé : "

css video. tuto

》

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!