Allerdings geht es hier ja um einen Maximalwert, d. h. CSS: Background Image strecken ? | html.de - HTML für Anfänger und Fortgeschrittene. heißen, dass nur eine Streckung mit x<0 angewand wird, was nicht zu starke Verzerrungen des Bildes bewirken sollte. CSS3 nicht zu benutzen, weil es noch entwickelt wird, ist schwachsinnig! Wenn man wartet bis der CSS3 Entwurf verabschiedet wurde und alle Browser das auch schön unterstützen, oder sogar jeder Benutzer den neuesten Browser besitzt, braucht man sich auch nicht zu wundern, warum das Web an Qualität und Mehrwert verliert. Wenn man das so sieht, dann gibts kein Konkurrenz-Denken der Browser und wir nutzen alle den IE [rhetorisches Mittel der Übertreibung].
Möglicherweise aber ungewöhnlich - ich strecke ein Hintergrundbild in css an, um das gesamte div abzudecken. Ich möchte nicht, dass das Bild abgeschnitten wird (es kann also nicht verwendet werden) cover wie ich derzeit habe) - Ich möchte, dass das Hintergrundbild verzerrt wird, um das div zu füllen, unabhängig vom Größen- / Seitenverhältnis des div. Ich habe hier ein Codepen: Mein aktueller Code ist: HTML:
CSS: ckground { width: 100%; height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url();} Im Idealfall möchte ich dies ohne Javascript tun Antworten: 1 für die Antwort № 1 ok, aber dann wird es nicht proportional gedehnt: width: 300px; height: 500px; background-size: 100% 100%; Prost 1 für die Antwort № 2 Legen Sie Ihre Hintergrundgröße für beide Dimensionen auf 100% fest: background-size: 100% 100%;Ich möchte eine HTML Seite erstellen, was ich bisher als Hintergrund habe ist das: Dabei ist das Hintergrundbild links oben komplett, rechts oben aber nochmal zur Hälfte, rechts unten ebenfalls zur Hälfte und links unten auch zur Hälfte vorhanden. Wie kann ich das Bild einmal und dann ganz haben? Community-Experte HTML, Webseite, Programmieren Ordne deinem body -Element das Hintergrundbild via CSS zu. Setze zusätzlich die background-size). background: white url('') no-repeat center; background-size: cover; Probiere einfach mal, was für deinen Fall besser passt: cover oder contain. Wie kann ich das Bild einmal und dann ganz haben? In deinem CSS mit der background Eigenschaft dem Body-Element einen Hintergrund zuweisen. Zusätzlich das Kacheln mit no-repeat unterbinden. Wenn das Hintergrundbild den kompletten Viewport ausfüllen soll, zusätzlich noch die mit background-size dessen Größe bestimmst. body { min-height: 100vh; background: url('path/to/') no-repeat center fixed; background-size: cover;} Falls der Hintergrund nicht fix sein soll, lediglich den Wert fixed weglassen musst.