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

藏色散人
Libérer: 2023-02-01 09:59:55
original
5141 Les gens l'ont consulté

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.

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

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>
Copier après la connexion

É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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!