Hier ist ein Beispielcode
Ich habe mich gefragt, warum das background-image nicht angezeigt wird, wenn ich die Breite und Höhe des Bildes nicht in Pixeln angegeben habe. Ich habe versucht, nur die Breite in Prozent zu spezifizieren, aber es hat nicht funktioniert. Das w3cschools.com konnte das Hintergrundbild anzeigen, ohne die Breite und Höhe anzugeben , aber es funktioniert nur im Körperhintergrund. Irgendeine Erklärung oder Lösungsumgehung?
HTML
%Vor%CSS
%Vor%Ich fand eine großartige Alternative ohne Angabe der Höhe, dank Ссылка . HTML
%Vor%CSS
%Vor%Sie müssen nur, wenn es ein Quadrat ist, die padding-bottom mit der width in css abgleichen.
Aktualisierung: Ich habe auch von einer anderen Lösung gehört, die nützlich sein könnte. Ссылка
CSS
%Vor%obwohl ich es noch nicht getestet habe ....
Dein <div> -Element hat keinen Inhalt, also ist die <div> height 0px.
Die Breite von <div> ist immer noch 100%.
Wenn du dem div irgendeinen Inhalt hinzufügst, hat es eine gewisse Höhe und es wird ein Teil des Bildes angezeigt.
<body> hat standardmäßig die Höhe des Fensters, so dass du das Hintergrundbild sehen kannst.
Div ist ein Container. Er erwartet innere Elemente. Wenn er leer ist, müssen Sie explizit die Höhe definieren.
Wenn Sie height nicht angeben, wird die Größe von div durch die Größe des Inhalts angegeben, d. h. es ist 0x0, so dass Sie kaum ein Hintergrundbild sehen können. Fügen Sie
um zu sehen, wie groß dein div ist (oder nicht).