Warum wird das CSS nicht für Chrome auf Android funktioniert aber sonst überall?

Diese wirklich verwirrt mich. Ich will pic.jpg werden statisch in den hintergrund (nicht verschieben beim scrollen) und, dass es nicht zu dehnen.

Es funktioniert auf jedem browser (z.B. Chrome, Safari, Firefox) außer Chrome auf Android (es funktioniert sogar auf Android-original-browser)

body{
        background-color: transparent !important;
        background-image: url(<%= asset_path "pic.jpg" %>);

        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

Chrome für Android stellt es als pic.jpg wird auf halbem Weg bis in den Bildschirm, nicht auf die gesamte Seite und nicht bleiben statisch auf Blättern..

Kann ich es nicht reproduzieren auf jsfiddle, ich habe auch versucht zu Debuggen, um mit meinem Android-Handy, und nichts scheint zu helfen.

Ist nicht der Weg, um den hintergrund für ein Bild?

  • könntest du uns einen link zu dieser Seite? oder ähnliches Beispiel
InformationsquelleAutor Nick Ginanto | 2012-12-25
  1. 5

    Ich wollen nicht grausam sein, aber dieses Problem wurde gemeldet, etwa vor 4 Jahren

    http://code.google.com/p/android/issues/detail?id=3301

    letzten Antwort kann helfen, denke ich:

    In meinen versuchen mit Android, bemerkte ich, dass alle anderen DIVs innerhalb des Körpers verhielten sich korrekt, einschließlich Zentrierung, also zog ich Bild in ein anderes DIV, und es funktionierte.

    Komische.

    besten

    • grausam? mehr wie hilfreich. Schade ist es 4 Jahre und chrome für android noch nicht unterstützt, ist ein basic-feature.. Auch apple unterstützt diese.
    • "auch apple", you made my day 😀 nur zur info, neueste Magento admin-signin-Bereich funktioniert nicht in chrome(linux/windows getestet), wenn andere moderne Browser hat kein problem. Ich muss gestehen, dass chrome ist mein Lieblings-browser, aber einige Fehler beginnen, mich zu erinnern <Gott helfe uns> IE6.
    InformationsquelleAutor Piotr Mąsior
  2. 5

    Ich habe das ähnliche problem.. und ich fix es mit diesem

    html{
 height:100%;
 min-height:100%;
}
body{
 min-height:100%;
}
    InformationsquelleAutor Davor Popovic
  3. 0

    Habe ich einen workaround gefunden, durch die der hintergrund korrekt angezeigt, in Chrome für Android: definieren Sie den hintergrund in das html-tag, nicht der Körper. Hier ist die neue css:

    html{
    background-color: transparent !important;
    background-image: url(<%= asset_path "pic.jpg" %>);

    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    Und ja, dies gilt markup. Meiner Erfahrung nach ist der hintergrund immer noch korrekt funktioniert in jedem anderen browser auch.

    • Einstellung der !important - Flagge auf der background-size Attribut hat auch für mich gearbeitet.
    InformationsquelleAutor JC Hulce
Schreibe einen Kommentar