Dies ist der seltsamste Fehler, den ich je mit Chrome hatte, leider kann ich Ihnen aus rechtlichen Gründen keine Beispielbilder zeigen, aber ich werde versuchen, es so gut wie möglich zu erklären.
Also baue ich diese Website, die unendlich viele Bereiche im Ansichtsfenster durchblättert. Im ersten Abschnitt habe ich ein Formular und ein html5-Video mit im Hintergrund fixierter Position und dann einfache Hintergrundbilder für die Folgeabschnitte, ungerade Abschnitte mit background-attachment: fixed; , die etwas von einem Parallaxeffekt ergeben.
Nun das sehr Seltsame ist: sobald ich einen der Formulareingaben in den ersten Abschnitt fokussiert habe, verlieren alle Abschnitte mit background-attachment: fixed; ihr Hintergrundbild ... es ist immer noch in der CSS-Regel, tut es aber nicht gerendert werden (nur weiß).
Ich habe verschiedene Lösungen für ähnliche Probleme wie diesen SO-Thread oder diesen Beitrag . Jetzt das Lustigste mit dem zweiten ist, wenn ich -webkit-transform oder -scale zu den Abschnitten mit festen bg Bildern hinzufüge, tritt das Problem sofort ohne jede Fokussierung auf ... ich kann das wirklich nicht herausfinden.
Ich hoffe, dass mir jemand bei diesem Problem helfen kann, weil es ziemlich wichtig ist, dieses Parallaxen-ähnliche Verhalten zu haben.
Hier ist eine jsfiddle , die das Problem auf jeden Fall zeigt, nicht genau wie auf meiner Seite, aber Sie können den Fehler sehen, dort das Video wird anstelle des Bildes angezeigt, aber auf meiner Seite setze ich das Video auf absolute Position, nachdem scroll den zweiten Abschnitt erreicht hat, also ist es nur weiß ...
Ich bin auch auf dieses Problem gestoßen.
Die Sache ist, dass die Hintergrundposition den Inhalt an dieser Position basierend auf dem Browserfenster fixiert.
Für Parallaxen-Effekt, versuchen Sie es mit einigen Plugins
Tags und Links css google-chrome css3 webkit html5-video