Kako Napraviti Mirnu Pozadinu

Sadržaj:

Kako Napraviti Mirnu Pozadinu
Kako Napraviti Mirnu Pozadinu

Video: Kako Napraviti Mirnu Pozadinu

Video: Kako Napraviti Mirnu Pozadinu
Video: KAKO STAVITI PROVIDNU POZADINU|TUTORIAL 2024, Travanj
Anonim

Pozadina web stranice može se vezati uz njezin sadržaj ili se ponašati neovisno o njoj. U prvom slučaju, prilikom pomicanja sadržaja u prozoru preglednika, pomičit će se i pozadinska slika, 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 pozadinsko ponašanje u različitim vrstama preglednika.

Kako napraviti mirnu pozadinu
Kako napraviti mirnu pozadinu

Upute

Korak 1

Koristite svojstvo background-attachment u CSS-u da odredite treba li pozadina stranice biti fiksna ili pomična. Ukupno ovo svojstvo može imati tri vrijednosti - ako ne navedete nijednu od njih, tada se pozadinska privitak prema zadanim postavkama 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 o sadržaju - ostaje nepomična kad se stranica pomiče. Trebao bi ga koristiti.

Korak 2

Pripremite svoje CSS upute za upotrebu na stranicama na kojima želite popraviti pozadinu. Ako CSS kôd nećete smjestiti u vanjsku datoteku opisa stila, ove bi upute trebale biti postavljene 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 nazvat će se "selektor" i napisat će se ovako: BODY {

// opisi tijela stranice bit će ovdje

} Svojstva koja se odnose na ovaj selektor moraju biti smještena unutar kovrčavih zagrada, odvojenih zarezom: BODY {

pozadina-privitak: 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 zapisati u jednu složenu CSS izjavu na sljedeći način: background: url (images / BG.gif) fixed;

3. korak

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, morate zamijeniti mjesto i naziv datoteke pozadinske slike. Kôd je bolje staviti ispred oznake, iako to nije preduvjet.

Preporučeni: