Fundalul unei pagini web poate fi legat de conținutul acesteia sau se poate comporta independent de aceasta. În primul caz, atunci când derulați conținut în fereastra browserului, imaginea de fundal va derula și ea, în timp ce în al doilea, poate rămâne staționară. Pentru a implementa un fundal de pagină fix, ar trebui să utilizați limbajul de descriere a stilului CSS - doar acesta poate garanta același comportament în fundal în diferite tipuri de browsere.
Instrucțiuni
Pasul 1
Utilizați proprietatea de atașare de fundal în CSS pentru a specifica dacă fundalul paginii trebuie să fie fix sau mobil. În total, această proprietate poate avea trei valori - dacă nu specificați niciuna dintre ele, atunci în mod implicit atașamentul de fundal este considerat a fi scroll. Cu această valoare, imaginea de fundal derulează împreună cu conținutul paginii. Valoarea moștenită copiază comportamentul de fundal al elementului părinte, iar valoarea fixă face ca imaginea de fundal să fie independentă de conținut - rămâne staționară atunci când pagina este derulată. Ar trebui să-l folosiți.
Pasul 2
Pregătiți instrucțiunile CSS pentru utilizare în paginile pe care doriți să le remediați. Dacă nu veți plasa codul CSS într-un fișier de descriere a stilului extern, atunci aceste instrucțiuni ar trebui plasate între etichetele de stil de deschidere și de închidere:
// vor exista descrieri de stiluri
Descrierea comportamentului de fundal al paginii trebuie să fie legată de elementul BODY - în terminologia CSS va fi numit „selector” și va fi scris astfel: BODY {
// descrierile corpului paginii vor fi aici
} Proprietățile legate de acest selector trebuie plasate în interiorul acoladelor, separate prin punct și virgulă: BODY {
background-attachment: fix;
background-image: url (images / BG.gif);
} Prima linie captează imaginea de fundal, iar a doua indică adresa fișierului care conține imaginea de fundal, relativ la adresa paginii. Aceste două rânduri pot fi scrise într-o declarație CSS complexă astfel: background: url (images / BG.gif) fix;
Pasul 3
Lipiți tot codul pentru a fixa fundalul în textul paginii. În forma sa finalizată, poate arăta astfel:
BODY {background: url (images / BG.gif) fix;}
Desigur, trebuie să înlocuiți locația și numele fișierului de imagine de fundal. Este mai bine să puneți codul înainte de etichetă, deși aceasta nu este o condiție prealabilă.
