Come Float il Contenuto sopra lo sfondo in CSS

November 30

In una pagina Web tipico, l'immagine di sfondo è "attaccato" al contenuto di sopra di esso in modo che se si scorre verso il basso nella pagina, i rotoli di immagine e, come se l'intera pagina è stampato su carta. Utilizzando Cascading Style Sheets (CSS), tuttavia, è possibile specificare che l'immagine di sfondo rimangono fissi nella finestra dell'utente, in modo che il resto del contenuto galleggia sopra di esso come pagina viene fatta scorrere verso il basso. Questo crea un effetto visivo unico ed è un'opzione utile quando progettazione di siti web.

istruzione

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

<Html>

<Head>

<Title> sfondo fisso pagina di prova </ title>

</ Head>

<Body>

</ Body>

</ Html>

2 Inserire il seguente codice CSS tra i tag "testa" 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: fixed;

}

</ Style>

Se l'immagine viene memorizzata in una posizione diversa rispetto alla pagina, specificare il percorso nel virgolette pure.

3 Salvare la pagina, poi caricarlo in un browser Web. Scorrere la pagina, e lo sfondo rimane fissa con il contenuto che galleggia su di esso.