A volte le immagini di sfondo non sempre perfettamente una pagina web. Lo stretching un'immagine di sfondo per renderla adatta la pagina web è la soluzione migliore in casi come questo. Al fine di rendere un'immagine di sfondo della pagina web elasticizzato, è necessario utilizzare codice HTML o CSS che vi permetterà di farlo.

Istruzioni

1

Aprire un tag di stile nell'intestazione HTML per creare il codice CSS:

< style type = "text/css" >

2

Specificare le proprietà CSS per nessun margine o la spaziatura interna da applicare per l'html o il corpo del documento inserendo il seguente codice CSS:

HTML, body {altezza: 100%; margin: 0; padding: 0;}

3

Impostare le proprietà per l'immagine di sfondo per renderlo elastico inserendo il seguente codice:

sfondo della pagina {Posizione: fisso; top: 0; left: 0; width: 100%; Altezza: 100%;} 4

Inserire il codice seguente per consentire il resto del contenuto della pagina vengono visualizzati correttamente:

contenuto {posizione: parente; z-indice: 1; padding: 10px;} 5

Chiudere il tag di stile inserendo quanto segue: < / stile >

6

Specificare l'immagine di sfondo nel corpo del codice HTML all'interno di un tag div affinché rispettare le proprietà CSS definite nel tag di stile, sostituendo "URL immagine di sfondo" con l'URL dell'immagine desiderata:

< div id = "sfondo della pagina" >< img src = "URL dell'immagine di sfondo" width = "100%" height = "100%" >< / div >

Consigli & Avvertenze

• Attenzione alle impropriamente l'immissione di una sezione di codice, come l'immagine di sfondo della pagina web non potrebbe allungare se fai.