Download Gry online Forum
Menu
Aktualności
Porady
Generatory
Testery
Programy webmastera
Logowanie
login:
hasło:
rejestracja
zapomniałeś hasła?
Download
Akcesoria
Bezpieczeństwo
Biuro
Dom
Grafika
Gry
Inne
Internet i Komunikacja
Multimedia
Narzędzia
Nauka
Programowanie
pobieralnia
Gra Milionerzy
Gry online
[CSS] Strona przewijana bez tła
wrzuć na
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.
Czytań: 90608     Komentarz     7 lipca 2007     autor: michal1-1991

Komentarze
Nie odpowiadamy za komentarze internautów

Brak komentarzy.
Bądź pierwszy i dodaj komentarz!


Musisz być zalogowany aby dodawać komentarze
Copyright © EnterSite. Wszelkie prawa zastrzeżone!
redakcja   o nas   reklama   kontakt