Was soll ich tun, wenn CSS den Hintergrund nicht anzeigen kann?

Lösungen für CSS, die den Hintergrund nicht anzeigen können: 1. Überprüfen Sie, ob das CSS aufgerufen wurde, und rufen Sie den richtigen CSS-Pfad erneut auf. 2. Überprüfen Sie die CSS-Bildadresse und ändern Sie sie korrekt. 3. Korrigieren Sie die Höhe des Div. 4. Überprüfen Sie, ob das Div eingebettet ist. Legen Sie es fest und ändern Sie es. 5. Standardisieren Sie den Div-Code.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version, DELL G3-Computer

Was soll ich tun, wenn der Hintergrund nicht in CSS angezeigt werden kann?

Lösung dafür, dass das Div-Hintergrundbild oder die Div-Hintergrundfarbe nicht angezeigt wird

Die Hauptgründe, warum das Hintergrundbild nicht angezeigt wird, sind folgende:

1 CSS wird nicht aufgerufen

2. Die CSS-Bildadresse ist falsch

3. Die Höhe des Div ist nicht festgelegt, es ist kein Wert festgelegt oder die Höhe ist nicht hoch genug.

4 Der Div-Code ist nicht standardisiert Lösung:

- Die DIV-Höhe ist automatisch und die Hintergrundfarbe kann nicht angezeigt werden. Ändern Sie den ursprünglichen Code height:auto in height:100%;!important; 8 und Google Firefox.

- Angenommen, der Hintergrundfarbstil ist für ein Objekt festgelegt und die interne Box des Objekts verwendet den Float-Attributstil. Zu diesem Zeitpunkt schwebt das Objekt, sodass das Objekt nicht geöffnet werden kann, sodass die CSS-Hintergrundfarbe nicht geöffnet werden kann Lösung Es gibt drei Arten: „Clear“ auf „Clear Float“, „CSS-Höhe“ und „CSS-Überlaufstil“.

- Die Höhenbeschränkung führt dazu, dass die Hintergrundfarbe nicht vollständig angezeigt wird (oder versehentlich ein sehr kleiner Höhenattributstil festgelegt wurde), weil Sie nicht sicher sind, wie viel Inhalt vorhanden ist. Wenn der Inhalt die von Ihnen festgelegte Höhenbeschränkung überschreitet, werden Teile außerhalb des Hintergrunds möglicherweise nicht angezeigt. Stellen Sie eine ausreichend hohe Höhe ein oder brechen Sie das Löschen des Höhenstils ab.

Fall:

<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>

Da die Höhe des äußeren Div nicht festgelegt ist, werden nach dem Festlegen des obigen Codes drei transparente Felder angezeigt.

Der korrekte Code lautet wie folgt:

<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>

Empfohlenes Lernen: „

css-Video Tutorial

》

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn CSS den Hintergrund nicht anzeigen kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!