Kako Popraviti Pozadinu

Sadržaj:

Kako Popraviti Pozadinu
Kako Popraviti Pozadinu

Video: Kako Popraviti Pozadinu

Video: Kako Popraviti Pozadinu
Video: KAKO STAVITI PROVIDNU POZADINU|TUTORIAL 2024, Svibanj
Anonim

Ponekad namjera dizajnera zahtijeva da pozadinska slika ostane nepomična dok se posjetitelj pomiče kroz sadržaj stranice. To se može učiniti promjenom zadane postavke pozadinskog ponašanja pomoću CSS (Cascading Style Sheets) uputa.

Kako popraviti pozadinu
Kako popraviti pozadinu

Upute

Korak 1

Dodajte opis stila za blok tijela u svoj web dokument koji sadrži svojstvo privrženosti pozadine postavljeno na fiksno, a pozadina stranice ostat će nepomična dok se dokument pomiče. Ova metoda popravljanja pozadine funkcionirat će u svim preglednicima koji podržavaju bilo koji od trenutnih CSS standarda počevši od verzije 1.0. Uz fiksnu vrijednost, standardi nude još dvije mogućnosti za ovo svojstvo - pomicanje i nasljeđivanje. Ako u opisima stilova dokumenta nije navedena vrijednost za pozadinsko privitak, tada se pretpostavlja da je prema zadanim postavkama postavljeno na pomicanje. U tom će se slučaju pozadina pomicati zajedno s pomicanjem sadržaja stranice. Vrijednost nasljeđivanja pokazuje da bi se za svojstvo background-attachment svojstva trebala koristiti ista vrijednost kao i za njegov nadređeni element.

Korak 2

Dodajte atribut stila oznaci stranice koju želite i dodajte opis stila da biste popravili pozadinu. Na primjer, to može izgledati ovako: Ovdje također možete odrediti adresu pozadinske slike:. Zamijenite adresu i ime slike (img / pic.gif) vlastitim vrijednostima. Ova je metoda prikladna jer zahtijeva najmanje promjena u kodu stranice, ali češće se opis stilova stavlja u zasebni blok u glavi dokumenta ili čak u zasebnu datoteku.

3. korak

Ako želite koristiti zasebni CSS blok s uputama za popravljanje pozadine stranice, stavite ispred izvorne oznake, na primjer, sljedeće redove:

TIJELO {background: url (img / pic.gif) fixed;}

Ne zaboravite navesti ispravno ime i adresu pozadinske slike umjesto img / pic.gif.

Preporučeni: