HTML è possibile impostare qualsiasi immagine che si sceglie come sfondo di una pagina Web. A seconda delle proprietà impostate, questa immagine può allungare sull'intero schermo. Ma se l'utente ridimensiona la pagina dopo l'apertura, l'immagine di sfondo rimane la stessa dimensione. Una barra di scorrimento verrà quindi visualizzato solitamente. Per adattare lo sfondo, lasciandolo a modificare le proprie dimensioni insieme con la finestra, modificare le proprietà CSS della pagina.

Istruzioni

1

Inserire il codice seguente nel blocco di dichiarazione del "corpo" del tuo foglio di stile:

overflow-y: nascosto! importante;

auto overflow-x! importante;

2

Creare un nuovo blocco di dichiarazione con l'etichetta "bg_image." Inserire il codice riportato di seguito in esso:

Larghezza: 100%;

sinistra: 0px;

Top: 0px;

Posizione: assoluta;

z-indice: 0;

Anche se sembra intuitivo per aggiungere "altezza: 100%" in questo blocco, lasciare che la linea fuori. Interesserà proporzioni dell'immagine.

3

Creare un altro blocco di dichiarazione con l'etichetta "contenuto". Inserire il codice riportato di seguito in esso:

z-index: 2;

Posizione: assoluta;

4

Spostare dal foglio di stile della pagina web stessa. Aggiungere il codice seguente subito dopo il tag < body >:

< div id = "bg_image" >

< img / >

< / div >

Sostituire "photos/landscape.jpg" con il tuo indirizzo di immagine di sfondo.

5

Inserire tutti i contenuti della pagina tra i tag di due seguenti:

< div id = "contenuto" >

< / div >