(Dies wurde gefragt vor , viele Male , ich weiß. Es scheint jedoch jedes Mal durch verschiedene Dinge verursacht worden zu sein habe ungefähr vier verschiedene StackOverflow-Antwort-Threads durchlaufen und alles versucht. Nichts scheint mehr zu funktionieren, also glaube ich, dass dies ein neues Problem ist.)
Wie auch immer, ich habe ein HMTL-Element mit einem Hintergrundbild, das mit background-attachment:fixed;
Ich habe das Problem in einen einfacheren replizierbaren Test umgewandelt, bei dem es sich um ein einzelnes section -Element handelt, das auf 200% der Seitenhöhe eingestellt ist, wobei der Hintergrund im Vollbildmodus angezeigt und behoben wird.
Zum einfacheren Testen auf Ihrem Smartphone als ein Code-Snippet: Ссылка
backface-visibility: hidden; -webkit-backface-visibility:inherit; -webkit-transform: translate3d(0,0,0); position:static
Der unten stehende Code funktionierte für mich im Android Chrome gut.
Ich habe das von hier
bekommenDies funktioniert für fast alle Browser außer dem nativen Android Browser
%Vor%Es wird dringend empfohlen, die Bild-URL zuerst festzulegen
Suche nach einer Lösung für den Fehler (Hintergrund-Anhang: behoben) auf Android-Browser.
Hoffnung hilft!
Hatte massive Probleme damit - es ist ein wiederkehrendes Problem bei Android (zumindest bis Version 4.0.0), das muss noch vollständig behoben werden. Fehlerbericht hier: Ссылка
Mein Android-Testgerät läuft Chrome 60 auf Android 7.0.0 - immer noch nicht vollständig behoben. Oben oder in der Mitte ausgerichtete Hintergründe scheinen in Ordnung zu sein, aber die untere Ausrichtung und insbesondere unten rechts ist ein Albtraum bei Android.
Die beste Problemumgehung, die ich gefunden habe, besteht darin, Ihr festes Hintergrundbild in ein separates dediziertes Teil zu platzieren, im Gegensatz zum Hintergrund des Browsers selbst ... (
Stellen Sie Ihr div auf 100% der Höhe und Breite des Darstellungsbereichs ein, geben Sie ihm eine feste Position und einen Z-Index von -10, und platzieren Sie stattdessen alle Hintergrundinformationen in diesem div und lassen Sie den Browserhintergrund leer.
Das Hintergrundbild im Browser ist bestenfalls verzögert, und die meisten anderen Workarounds, die ich gefunden habe, erzeugen ein nervöses Scrollen in älteren IE-Browsern.
Das von mir gewünschte Hintergrundbild-Styling funktioniert perfekt, wenn es in einem dedizierten div platziert wird. Nur wenn man sie in einen Browser-Hintergrund legt, gehen die Dinge schief.
Hoffe, das hilft.
Tags und Links android css google-chrome background-attachment