Pozadina web stranice može se vezati za njen sadržaj ili se ponašati neovisno o njoj. U prvom slučaju, prilikom pomicanja sadržaja u prozoru pregledača, i pozadinska slika će se pomicati, dok u drugom može ostati nepomična. Da biste implementirali fiksnu pozadinu stranice, trebali biste koristiti jezik opisa CSS stila - samo što on može garantirati isto ponašanje u pozadini u različitim vrstama pretraživača.
Instrukcije
Korak 1
Koristite svojstvo background-attachment u CSS-u da odredite da li pozadina stranice treba biti fiksna ili pokretna. Ukupno ovo svojstvo može imati tri vrijednosti - ako ne navedete nijednu od njih, tada se prilog u pozadini smatra pomicanjem. Uz ovu vrijednost, pozadinska slika se pomiče zajedno sa sadržajem stranice. Vrijednost nasljeđivanja kopira pozadinsko ponašanje roditeljskog elementa, a fiksna vrijednost čini pozadinsku sliku neovisnom od sadržaja - ostaje nepomična kada se stranica pomiče. Trebao bi ga koristiti.
Korak 2
Pripremite CSS upute za upotrebu na stranicama na kojima želite popraviti pozadinu. Ako CSS kôd nećete smjestiti u vanjsku datoteku opisa stila, tada bi ove upute trebale biti smještene između oznaka stila za otvaranje i zatvaranje:
// bit će opisani stilovi
Opis ponašanja pozadine stranice mora biti vezan za element BODY - u CSS terminologiji zvat će se "selektor" i napisat će se ovako: BODY {
// opisi tijela stranice će biti ovdje
} Svojstva koja se odnose na ovaj selektor moraju se staviti u vitičaste zagrade, odvojene tačkom i zarezom: BODY {
pozadina-prilog: fiksno;
pozadinska slika: url (images / BG.gif);
} Prvi redak snima pozadinsku sliku, a drugi označava adresu datoteke koja sadrži pozadinsku sliku, u odnosu na adresu stranice. Ova dva retka mogu se napisati u jedan složeni CSS izraz ovako: background: url (images / BG.gif) fixed;
Korak 3
Zalijepite sav kôd da biste popravili pozadinu u tekst stranice. U gotovom obliku može izgledati ovako:
TIJELO {background: url (images / BG.gif) fixed;}
Naravno, trebate zamijeniti mjesto i ime datoteke pozadinske slike. Bolje je staviti kôd ispred oznake, iako to nije preduvjet.
