Nwlapcug.com


Come inserire sfondi CSS scalabile con PNG

Uno sfondo scalabile per un sito Web è quello che si ridimensiona automaticamente per essere maggiore o minore a seconda della risoluzione dello schermo utilizzano chi Visualizza la pagina, riempire sempre la totalità della pagina. Si può facilmente impostare uno sfondo scalabile per il tuo sito utilizzando un'immagine PNG di alta qualità e la proprietà di CSS 3 "sfondo-size", supportata dalle versioni recenti di tutti i browser moderni.

Istruzioni

1

Creare o individuare un'immagine di sfondo appropriato in formato PNG. L'immagine più grande è, meglio è: l'immagine si ridurrà a una dimensione inferiore senza intoppi, ma possono apparire sgranate o sfocate quando ingrandita superando le dimensioni effettive.

2

Caricare l'immagine al tuo sito Web, creare una nota di relativo URL.

3

Decidere come lo sfondo deve essere allineato sul sito, sia verticalmente che orizzontalmente. È possibile allineare lo sfondo nella parte superiore, centro o inferiore della pagina in verticale e a sinistra, centro o destra della pagina in orizzontale.

4

Aggiungere il codice riportato di seguito al foglio di stile CSS, sostituendo "IMAGE_URL" con l'URL dell'immagine di sfondo, "Verticale" con il proprio allineamento verticale selezionata e "Orizzontale" con il proprio allineamento orizzontale selezionata:

HTML () {
background:URL("IMAGE_URL") che no-repeat verticale orizzontale fissa;
sfondo-dimensioni: coprire;
}