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, Maj
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 ponašanja u pozadini pomoću CSS (Cascading Style Sheets) uputa.

Kako popraviti pozadinu
Kako popraviti pozadinu

Instrukcije

Korak 1

Dodajte opis stila za blok tijela svom web dokumentu koji sadrži svojstvo privrženosti pozadine postavljeno na fiksno, a pozadina stranice ostat će nepomična dok se dokument pomiče. Ovaj metod popravljanja pozadine će raditi u svim pregledačima koji podržavaju bilo koji od trenutnih CSS standarda počev od verzije 1.0. Pored fiksne vrijednosti, standardi pružaju još dvije mogućnosti za ovo svojstvo - pomicanje i nasljeđivanje. Ako u opisima stilova dokumenta nije navedena vrijednost za privitak u pozadini, pretpostavlja se da je prema zadanim postavkama postavljeno na pomicanje. U tom će se slučaju pozadina pomicati zajedno sa 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 za željenu stranicu i dodajte opis stila da popravite pozadinu. Na primjer, to može izgledati ovako: Ovdje također možete odrediti adresu slike u pozadini:. Zamijenite adresu i ime slike (img / pic.gif) vlastitim vrijednostima. Ova metoda je prikladna jer zahtijeva najmanje promjena u kodu stranice, ali češće je opis stilova smješten u zasebni blok u glavi dokumenta ili čak u zasebnu datoteku.

Korak 3

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 uključiti tačno ime i adresu pozadinske slike umjesto img / pic.gif.

Preporučuje se: