Pracuję nad szablonem sieciowym paralaksy, który pobrałem, który ma elementy div z obrazami tła, które paralaksy i są unoszone nad inną niższą zawartością z-index .Pływające paralaksy DIV Obraz w tle przeskakuje po przewinięciu się nad osadzonym Vimeo YouTube lub Flash w przeglądarce Chrome/Safari Tylko
Za każdym razem, gdy umieszczam wideo Vimeo lub YouTube za pomocą ich kodu iFrame w dolnym obszarze, obraz tła, który paralaksy przeskoczy w kierunku y, gdy pływający element div "dotknie" osadzonego odtwarzacza. Problem, który moim zdaniem ma związek z Flashiem, który ostatecznie został osadzony jako iFrame z normalną wbudowaną stroną działa zgodnie z oczekiwaniami - możesz to wypróbować.
Dzieje się tak tylko w przeglądarce Chrome i Safari. Firefox i IE działają zgodnie z oczekiwaniami. Stworzyłem rozebrany JSFiddle z mojego szablonu internetowego, aby zilustrować problem. Wypróbuj w powyższych przeglądarkach i zobacz, jak to się dzieje - po prostu przewiń nieco wynik.
Too much code - just see the JSFiddle - that's the easiest way to see the issue
Naprawdę chcę znaleźć poprawkę bo zaprojektowaliśmy całą moją stronę już teraz i tylko zauważył ten problem w Chrome i Safari.
UWAGA: Problem nie występuje w kodzie paralaksy JS. Zostawiłem to tak, aby można było zobaczyć efekt. Obraz tła nadal pojawia się bez tego kodu.
To ciekawy problem. Wyraźnie wpływa na właściwość załączania tła. –
Próbuję użyć tagu wideo HTML5, którego efektów można uniknąć. –
Spróbuj dodać indeks Z do ramki iFrame. –