CSS: immagine di background a tutto schermo

Di: MMBJML498 | 26/09/2020 17:59:56
Ciao a tutti e tutte... sto iniziando ad usare dreamweaver ma ho un problema con i fogli di stile... Vorrei infatti usare un'immagine jpg ma vorrei inserirla a tutto schermo in modo che sia visualizzabile nella sua interezza al di sotto della barra del browser. Come posso fare? Che dimensioni dell'immagine devo utilizzare? Devo usare i fogli di stile e modificare il tag background? Sapreste aiutarmi? Vi ringrazio molto... a presto...

Risposte



Ciao, dipende dal tipo di immagine che vuoi usare in background. Se volessi usare un'immagine di un paesaggio ad esempio, dovresti tener conto delle varie risoluzioni degli schermi. Un'immagine di questo tipo avente una risoluzione 800x600, ti creerebbe problemi di spazio vuoto vista a una risoluzione di 1024x768, per non parlare di risoluzioni più alte. A volte bastano piccole immagini, di pochi pixel che messe nel tag "body" e con l'opzione ripetuta
<style type="text/css">
<!--
body {
background-image: url(small/img.jpg);
background-repeat: repeat;
background-position: center center;
}
-->
</style>
per avere sfondi accettabili.
Lo sfondo del mio sito ha una larghezza di un pixel e l'altezza di 2000px. Per mia esigenza ne tag body ho messo le seguenti proprietà
body {
background-image: url(img/sfilo.jpg);
background-repeat: repeat-x;
background-position: center top;
}

Di: Gian Paolo | 26/09/2020 17:59:56