Zwykle strona w tle ma jeden obrazek który jest powielany na całą jej wysokość i szerokość, a przy przewijaniu tło porusza się razem z resztą strony. Można jednak zrobić inaczej, a mianowicie zastosować trik, dzięki któremu tło nie będzie się przewijać. Tworzy to bardzo ciekawy efekt.
Przejdźmy teraz do praktyki. Stworzenie opisanego efektu wcale nie jest czasochłonne. Wszystko polega na dopisaniu jednej instrukcji w CSS. Wystarczy tak <body> doprowadzić do podobnej treści...
KOD:
<body style="background-image: url('img/tlo.png'); background-attachment: fixed;">
Pierwsza instrukcja poprostu ładuje tło na stronie. Po jej zastosowaniu cała strona wypełnia się podanym tłem. Niestety tło porusza się razem z całością.
Po dopisaniu drugiej instrukcji, tło staje w miejscu i nie porusza się w żadną ze stron. Efekt został więc pomyślnie dodany.
Podana porada nie przyczynia się do niczego innego jak tylko efektu wizualnego. Nie zyskamy dzięki niej na wadze strony, czasie jej wczytywania ani niczym innym.
Nie odpowiadamy za komentarze internautów
Brak komentarzy.
Bądź pierwszy i dodaj komentarz!
Musisz być zalogowany aby dodawać komentarze