Home - HTML-Tutorials - CSS: Hintergrundbild auf 100% Breite und Höhe des Bildschirms strecken? Lesezeit: 2 Minuten Ich habe ein Bild namens Das ist mein CSS: body { background-image:url(".. /images/"); background-repeat: no-repeat; background-size: 100% 100%;} Aus irgendeinem Grund erstreckt sich die Breite von myImage, wenn ich dies tue, über den gesamten Bildschirm, aber die Höhe erstreckt sich nur bis zur Höhe von allem anderen auf der Seite. Html - größe - css hintergrundbild responsive - Code Examples. Also, wenn ich ein paar setzen
in meiner HTML-Seite, dann wird die Höhe zunehmen. Besteht meine HTML-Seite nur aus adann wäre die Höhe des Hintergrundbildes nur die Höhe von eins Wie mache ich die Höhe meines Hintergrundbilds zu 100% des Bildschirms, den der Benutzer zum Anzeigen der Webseite verwendet? Sie müssen die Höhe von einstellen html zu 100% html { height: 100%} Derek-Story ich würde empfehlen background-size: cover; wenn Sie nicht möchten, dass Ihr Hintergrund seine Proportionen verliert: JS Geige background: url(image/path) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} Quelle: Kjeld Schmidt html, body { min-height: 100%;} Wird den Trick machen.
Beide können überlaufen - und wenn das Bild kleiner als der Container ist, wird es trotzdem zentriert. Methode 3 "Double Wrapper" (IE8 + - NICHT FF! ):. outer { margin: 200px auto; /* just for example */ border: 1px solid red; /* just for example */ /* overflow: hidden; */ /* TURN THIS ON */ position: relative;}. inner { border: 1px solid green; /* just for example */ display: table; left: 50%;}. inner img { border: 1px solid blue; /* just for example */ right: 50%; opacity:. 5; /* just for example */}
Allgemeines Diskussionsforum für Fragen und Antworten zum Thema Webentwicklung clientseitig: HTML, CSS, Javascript,... Hallo, Fremder! Anscheinend sind Sie neu hier. Um zu beginnen, melden Sie sich an oder registrieren sich. Kategorien 1329418 Alle Kategorien 343303 PC-Hardware 92208 PC-Systeme 16967 Maus, Tastatur, Webcam 14730 Drucker, Scanner & Co.
Die noch älteren IEs sollten ab nächsten Jahr ohnehin nicht mehr genutzt werden.