Lo sfondo di una pagina web può essere legato al suo contenuto o comportarsi indipendentemente da esso. Nel primo caso, quando si scorre il contenuto nella finestra del browser, scorrerà anche l'immagine di sfondo, mentre nel secondo può rimanere ferma. Per implementare uno sfondo fisso della pagina, dovresti utilizzare il linguaggio di descrizione dello stile CSS: solo questo può garantire lo stesso comportamento in background in diversi tipi di browser.
Istruzioni
Passo 1
Utilizzare la proprietà background-attachment in CSS per specificare se lo sfondo della pagina deve essere fisso o mobile. In totale, questa proprietà può avere tre valori: se non ne specifichi nessuno, per impostazione predefinita l'allegato in background è considerato scroll. Con questo valore, l'immagine di sfondo scorre insieme al contenuto della pagina. Il valore di eredita copia il comportamento di sfondo dell'elemento genitore e il valore fisso rende l'immagine di sfondo indipendente dal contenuto: rimane stazionaria quando si scorre la pagina. Dovresti usarlo.
Passo 2
Prepara le istruzioni CSS per l'uso nelle pagine in cui desideri correggere lo sfondo. Se non inserirai il codice CSS in un file di descrizione dello stile esterno, queste istruzioni dovrebbero essere inserite tra i tag di stile di apertura e chiusura:
// ci saranno le descrizioni degli stili
La descrizione del comportamento di sfondo della pagina deve essere vincolata all'elemento BODY - nella terminologia CSS verrà chiamato "selector" e sarà scritto così: BODY {
// le descrizioni del corpo della pagina saranno qui
} Le proprietà relative a questo selettore devono essere racchiuse tra parentesi graffe, separate da punto e virgola: BODY {
attaccamento allo sfondo: fisso;
immagine di sfondo: url (immagini / BG.gif);
} La prima riga cattura l'immagine di sfondo e la seconda indica l'indirizzo del file contenente l'immagine di sfondo, relativo all'indirizzo della pagina. Queste due righe possono essere scritte in un'istruzione CSS complessa come questa: background: url (images / BG.gif) fixed;
Passaggio 3
Incolla tutto il codice per fissare lo sfondo nel testo della pagina. Nella sua forma finita, potrebbe assomigliare a questo:
BODY {sfondo: url (immagini / BG.gif) corretto;}
Ovviamente, devi sostituire la posizione e il nome del file immagine di sfondo. È meglio mettere il codice prima del tag, anche se questo non è un prerequisito.
