Come fare un Auto Sfondo montaggio in CSS

September 12

Come fare un Auto Sfondo montaggio in CSS


HTML può impostare qualsiasi immagine che si sceglie come sfondo di una pagina Web. A seconda delle proprietà impostate, questa immagine può allungare su tutto lo schermo. Ma se l'utente ridimensiona pagina dopo l'apertura, l'immagine di sfondo rimane la stessa dimensione. sarà poi di solito visualizzata una barra di scorrimento. Per autofit sullo sfondo, lasciando che cambia la sua dimensione insieme alla finestra, modificare le proprietà CSS della pagina.

istruzione

1 Inserire il seguente codice all'interno del blocco di dichiarazione del foglio di stile "corpo":

trabocco-y: nascosti! importante;

Auto di overflow-x! importante;

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

width: 100%;

sinistra: 0px;

top: 0px;

position: absolute;

z-index: 0;

Anche se sembra intuitivo da aggiungere "height: 100%" in questo blocco, lasciare quella linea fuori. Essa influenzerà le proporzioni dell'immagine.

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

z-index: 2;

position: absolute;

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

<Div id = "bg_image">

<Img />

</ Div>

Sostituire "foto / landscape.jpg" con il vostro indirizzo immagine di sfondo.

5 Mettere tutti i contenuti della pagina tra i due seguenti tag:

<Div id = "content">

</ Div>