Ho un div che ha come sfondo un'immagine, l'immagine in questione é formata da diverse immagini messe in posizioni diverse (css sprites) richiamo la porzione dell'immagine che mi serve in questo modo:
devo fare in modo che quando lo schermo del browser diventa più piccolo anche l'immagine diventa più piccola sono arrivato a questo punto:
ho dovuto utilizzare le percentuali nel background-position funziona l'immagine si ridimensiona ma quando lo schermo diventa molto piccolo mi viene fuori anche un'altro pezzo d'immagine che si trova sotto, é come se il background-position cambi
qualcuno sa come risolvere? in poche parole devo fare un <header> che contiene un'immagine e questa si ridimensiona con il browser.
grazie
PHP:
#nomediv {background-image:url(immagine.png); background-position: 10px 23px;}
devo fare in modo che quando lo schermo del browser diventa più piccolo anche l'immagine diventa più piccola sono arrivato a questo punto:
PHP:
#nomediv {background-size:100% auto; background-image:url(immagine.png); background-position: 3% 23%;}
ho dovuto utilizzare le percentuali nel background-position funziona l'immagine si ridimensiona ma quando lo schermo diventa molto piccolo mi viene fuori anche un'altro pezzo d'immagine che si trova sotto, é come se il background-position cambi
qualcuno sa come risolvere? in poche parole devo fare un <header> che contiene un'immagine e questa si ridimensiona con il browser.
grazie