background-size funktioniert nicht richtig in chrome

ich habe einen linken panel, welches gesetzt ist in Prozent der Breite. das problem ist, dass ich eine Wiederholung in der it-hintergrund und wenn ich background-size zu tuck-in den hintergrund Bild, um die Größe des Anteil-basierten der Breite, das Bild verschwindet einfach in Chrom. im firefox funktioniert es einwandfrei. Aber wenn ich mit Strg - zum verkleinern der Anzeige, das Bild wird angezeigt.
die css-Links ist: 

.adminmenuback {
    width: 30%;
    background: url(../images/leftpanel_bg.png) left top repeat-y;
    background-size: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

pls help.

InformationsquelleAutor gaurav oberoi | 2013-09-11
  1. 1

    Können Sie verwenden 100% 100% für die hintergrund-Größe.

    .adminmenuback {
    width: 30%;
    background: url(../images/leftpanel_bg.png) left top;
    background-size: 100% 100%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

    http://jsfiddle.net/aEJRB/

    • Büste, die nur macht das Bild zu verbreiten, die gesamte Breite/Höhe, so dass selbst wenn Sie no-repeat wird es funktionieren, aber in vielen Fällen wird dazu führen, dass das Bild zu schlecht Aussehen.
    InformationsquelleAutor Katti
  2. 0

    versuchen, diese

    background-size:enthalten;

    InformationsquelleAutor Vinay Mehta
  3. -1
    background-size: cover;

    Versuchen.

    • Verlassen wilde 'versuchen, diese Antworten in die Kommentare und Antworten verwenden, nur wenn Sie ziemlich sicher sind, was das problem ist und weiß, das wird das Problem lösen. "cover" wird das problem nicht lösen, in Frage.
    • ok, klar, danke für den Tipp. background-size:cover; ich bin mir ziemlich sicher, dass noch die Frage zu lösen, jedoch.
    InformationsquelleAutor jono
Schreibe einen Kommentar