Reaktionsschnell: die Größe Hintergrundbild im div

Bin ich mit dem code unten, um ein Bild als hintergrund in einem div. Wie kann ich die Größe ändern?

#header {
    height: 255px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-position: 50% 50%;
    background-image: url('../simg/header.png');
}
InformationsquelleAutor acctman | 2012-08-28
  1. 3

    Können Sie versuchen, die Kontrolle der Größe der hintergrund mit den background-size Eigenschaft.

    E. g.:

    #header {
height: 255px;
-webkit-background-size:50%;
-moz-background-size:50%;
background-size:50%;
background-position: 50% 50%;
background-image: url('../simg/header.png');
}

    Damit reduzieren Sie den hintergrund Bild, um genau die Hälfte in beiden dimension.

    • Danke ich war mit "Deckel" und warf mich ab. eine andere Frage, wenn ich die Größe des Browsers, wie würde ich die "Höhe" auf auto einstellen, mit der background-size?
    • Mithilfe von Medienabfragen können Sie zur Steuerung der Höhe auf die Größe des browser-Fensters.
    InformationsquelleAutor Mak
  2. 1

    versuchen Einfach den Hintergrund Ändern .js http://johnpatrickgiven.com/jquery/background-resize/

    • Ich glaube nicht, dass er auf der Suche für JS hier.
    • vielleicht wäre es hilfreich für ihn...
    InformationsquelleAutor Lukas
  3. 0

    Einem anderen Ansatz können Sie versuchen, ist, um die css - 

    background-size:contain;  
width:50%; 
max-height:255px;

    und lassen Sie den browser herauszufinden, die Höhe der Ergebnisse in it-Beibehaltung des Seitenverhältnisses.

    InformationsquelleAutor Edwin
Schreibe einen Kommentar