Heim > Web-Frontend > Front-End-Fragen und Antworten > Warum erscheint kein CSS-Hintergrund?

Warum erscheint kein CSS-Hintergrund?

青灯夜游
Freigeben: 2023-01-05 16:12:58
Original
6549 Leute haben es durchsucht

Die Gründe, warum der CSS-Hintergrund nicht angezeigt wird: 1. Das CSS wird nicht aufgerufen. 2. Der Hintergrundattributname ist falsch geschrieben oder der Hintergrundbildpfad ist falsch. 3. Das Hintergrundelement hat keine Inhaltsfüllung sowie keine Breite und Höhe sind nicht gesetzt; 4. Das Element hat kein Blockattribut; 5. Wird durch den Stil der CSS-Klasse mit demselben Namen überschrieben.

Warum erscheint kein CSS-Hintergrund?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Der Grund, warum der CSS-Hintergrund nicht angezeigt wird

1. Der CSS-Aufruf wurde nicht erfolgreich ausgeführt

2 falsch.

CSS-Hintergrund wird zum Festlegen des Hintergrunds verwendet. backgroud:url('图片路径'); Überprüfen Sie, ob Ihr Bild nicht korrekt angezeigt wird Ordner, in dem das Bild abgelegt werden soll, können Sie die HTML-Datei zusammen mit dem Bild einfügen, indem Sie direkt backgroud:url('1.jpg');

3 schreiben. Wenn das Element keinen Inhalt hat und keine Breite und Höhe festgelegt sind, kann der Hintergrund nicht angezeigt werden. Der Hintergrund erweitert das Element nicht.

4. Das Element hat keine Blockattribute. Die eingestellte Höhe und Breite sind ungültig, wenn das Element nicht über das Blockattribut verfügt. Daher wird das Bild nicht angezeigt.

5. Abgedeckt durch den Stil der gleichnamigen CSS-Klasse. Gehen Sie davon aus, dass das Hintergrundbild für die Anzeige zuvor durch die Benennung von .bg und die Farbe für die Hintergrundanzeige später durch die Benennung von .bg festgelegt wird.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWarum erscheint kein CSS-Hintergrund?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage