In una tipica pagina Web, l'immagine di sfondo è "collegata" al contenuto di sopra di esso modo che se si scorre verso il basso nella pagina, l'immagine scorre pure, come se l'intera pagina è stampata su carta. Tramite Cascading Style Sheets (CSS), tuttavia, è possibile specificare che l'immagine di sfondo rimangono fisse nella finestra dell'utente, così che il resto del contenuto galleggia sopra di esso, come la pagina è necessario scorrere verso il basso. Questo crea un effetto visivo unico ed è un'opzione utile durante la progettazione di siti Web.

Istruzioni

1

Aprire un documento HTML in un editor di testo o crearne uno nuovo. Se si inizia da zero, fare clic sul menu "Start", scegliere "Tutti i programmi", "Accessori" e poi "Blocco note". Inserire il seguente modello, ponendo il contenuto tra i tag "body":

< html >

< head >

< title > pagina di Test di sfondo fissa < / title >

< / head >

< corpo >

< / body >

< / html >

2

Inserire il seguente codice CSS tra i tag di "head" del documento HTML, sostituendo "background. jpg" con il nome del file di immagine di sfondo:

< style type = "text/css" >

corpo () {

background-image:URL('background.jpg');

background-attachment: fisso;

}

< / stile >

Se l'immagine è memorizzata in una posizione diversa rispetto alla pagina, è possibile specificarne il percorso tra virgolette come bene.

3

Salvare la pagina, quindi caricarlo in un browser Web. Scorrere verso il basso la pagina e i soggiorni di sfondo fissati con il contenuto che galleggia sopra di esso.