Ciao a tutti. Purtroppo come saprete usando in css background-image, l'immagine di sfondo non è ridimesionabile, tanto meno si possono mettere dimensioni in percentuale. Il problema è che sto usando il css per creare tutto il sito, e come sfondo mi servono delle immagini. Volevo quindi ridurre la grandezza delle immagini a seconda della larghezza dello schermo usando le percentuali e il JS. Si può?
Con JavaScript puoi ridimensionare un' immagine, ma lo puoi fare in un Tag IMG, facendo arrivare nuovi Valori agli Attributi WIDTH ed HEIGHT; cosa che non abbiamo per l' immagine di sfondo del BODY (ne' Attributi ne' CSS per larghezza/altezza).
Con body background-image in JavaScript potresti far caricare al browser immagini diverse in base alla risoluzione del monitor.
Un escamotage per restare ai CSS è di suddividere il BODY in due DIV: uno riceve l' immagine di sfondo ma in un Tag IMG, l' altro DIV "gli va sopra" in position: absolute; e costituisce un alter-BODY.
Questo il principio:
codice:<body style="margin: 0;"> <div id="" style="width: 100%; height: 100%;">[img]background.jpg[/img]</div> <div id="" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"> === QUI CONTENUTO DEL BODY === </div> </body>
Permessi di invio
Rispondi quotando