parallax efekt

0

chciałem uzyskać efekt prallax i udało się, lecz nie jest taki jak oczekiwałem. Chciał bym by te 2 zdjęcia były na całą stronę każde lecz nie wiem czemu nie chca się ułożyć. co zrobić ?

http://testcvms.azurewebsites.net/

0

Tutoriali na temat tego kiczowatego efektu jest od groma w internecie, a ich wariantów jest jeszcze więcej. Wystarczy poszukać.

0

Czyli problem jest z rozciągnięciem tej sekcji ze statycznym tłem (paralax) na cały ekran ?

Jest cała masa stron z których można sobie podpatrzeć jak to jest zrobione w html i css. Np. http://flowpix.pl/

Zwykle takie cało ekranowe sekcje to elementy zaraz pod body czy jeszcze jakimś wrapperem, równorzędne wobec siebie.
U Ciebie odpowiednikiem takich sekcji mógłby być .container . Ustawiasz mu 100% u ciebie to jest, kontener zajmuje całą wysokość i całą szerokość. Ja zwykle ta ten element sekcji (u cb byłby to .container) ustawiam background w css i tyle, jest 100% i ułożone ładnie jedno pod drugim, nie ma żadnego nachodzenia na siebie divów czy zasłaniania.

Jak ustawiłeś w .container dla .person i #section1 po 50vh to nie ma się co dziwić, że nie rozciąga na cały ekran :) .

1 użytkowników online, w tym zalogowanych: 0, gości: 1