To najdziwniejszy błąd jaki kiedykolwiek spotkałem przy użyciu chrome, niestety nie mogę pokazać przykładowych zdjęć z powodu ograniczeń prawnych, ale " Postaram się wyjaśnić to tak dobrze, jak to możliwe.Chrome: pozycja wideo w formacie HTML5: stała lub bezwzględna powoduje, że wszystkie załączniki tła: naprawiono w celu zerwania
Więc buduję tę stronę internetową, która ma nieskończone przewijanie przez sekcje o rozmiarach ekranu. W pierwszej sekcji mam formularz i wideo w formacie HTML5 z ustaloną pozycją w tle, a następnie proste obrazy tła dla sekcji dodatkowych, nieparzyste sekcje o numerze background-attachment: fixed;, które dają nieco efektu paralaksy.
Teraz najdziwniejsze jest to, że gdy tylko skupię się na jednym z danych wejściowych formularza w pierwszej sekcji, wszystkie sekcje z background-attachment: fixed; tracą swój obraz tła ... wciąż jest w regule CSS, ale nie otrzymuje renderowane (tylko biały).
Próbowałem kilka rozwiązań dla podobnych problemów, takich jak this SO thread lub this post. Teraz najzabawniejszą rzeczą przy drugiej jest dodanie do sekcji z obrazami o stałym bicie -webkit-transform lub -scale, problem pojawia się od razu bez żadnego skupienia ... Naprawdę nie mogę tego zrozumieć.
Mam nadzieję, że ktoś może mi pomóc w tym problemie, ponieważ jest to bardzo ważne, aby mieć takie zachowanie podobne do paralaksy.
Oto i tak pokazuje problem, nie dokładnie tak jak na mojej stronie, ale możesz zobaczyć błąd, tam pojawia się wideo zamiast obrazu, ale na mojej stronie ustawiam wideo na pozycję absolutną po osiągnięciu przewijania druga sekcja, więc jest po prostu biała ...
Czy możesz utworzyć skrzypce z fałszywymi danymi? –
Niestety zajmie to zbyt wiele czasu, aby zrekonstruować moje środowisko na jsfiddle. Ale właśnie zorientowałem się, że to oczywiście wideo html5 powodujące 'background-attachment: fixed;' to break. – Simon
I zdarza się, jeśli wideo lub jego opakowanie ma ustaloną pozycję lub absolutną ... – Simon