Lösungen für Bilder in CSS, die nicht angezeigt werden können: 1. Überprüfen Sie, ob der CSS-Aufruf erfolgreich ist, und ändern Sie ihn. 3. Ändern Sie die Div-Einstellungen. 3. Stellen Sie die Breite ein und Höhe des Hintergrundelements; 5. Elementeinstellungen haben Blockattribute. 6. Ändern Sie einfach die Probleme, die durch den Stil der gleichnamigen CSS-Klasse abgedeckt werden.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.
Empfohlen: „CSS-Video-Tutorial“
Der Grund, warum Bilder in CSS nicht angezeigt werden können
1 Das CSS wird nicht aufgerufen
Dies ist die Notwendigkeit, zu überprüfen, ob der CSS-Aufruf erfolgreich ist.
2. Falsche div-Einstellungen können leicht dazu führen, dass das Hintergrundbild zu hoch angezeigt wird.
css legt den Hintergrund für den Hintergrund fest. backgroud:url('1.jpg ');}, bitte überprüfen Sie, ob Ihr CSS richtig geschrieben ist. Das kann daran liegen, dass das Bild am falschen Ort gespeichert ist Wenn das Bild eingefügt werden soll, können Sie die HTML-Datei mit dem Bild zusammenfügen und direkt backgroud:url('1.jpg');
4 schreiben.
Wenn das Element keine Breite und Höhe hat, kann der Hintergrund nicht angezeigt werden. Der Hintergrund erweitert das Element nicht. Hintergrundgröße festlegen.
Das Div-Feld hat keinen Inhalt, daher müssen Breite und Höhe festgelegt werden
5 Das Element hat keine Blockattribute.
Die eingestellte Höhe und Breite sind ungültig, wenn das Element keine Blockattribute hat. Daher wird das Bild nicht angezeigt.
6. Überschrieben durch den Stil der gleichnamigen CSS-Klasse.
Angenommen, vorne steht ein Name mit dem Namen .bg, um das Hintergrundbild für die Anzeige festzulegen. Dann heißt er .bg und die Farbe für die Hintergrundanzeige wird festgelegt.
Zu diesem Zeitpunkt müssen Sie die Konsole öffnen (Taste F12 drücken), um die Hintergrundeigenschaft des CSS-Stils anzuzeigen.
Das obige ist der detaillierte Inhalt vonWas tun, wenn Bilder im CSS nicht angezeigt werden können?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
