Immagine che si ridimensiona assieme allo schermo

colomber

Utente Attivo
4 Dic 2012
232
1
18
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:


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
 
Discussioni simili
Autore Titolo Forum Risposte Data
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 6
S Testo scrolla su immagine che cambia HTML e CSS 0
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
Papalla CSS3 - immagine di sfondo con elementi che appaiono col mouse hover HTML e CSS 4
L aiuto: form che dovrebbe restituire immagine PHP 2
P befana o qualsiasi altra immagine che si muove per vbulletin HTML e CSS 6
F Immagine che si adegua al contenuto HTML e CSS 1
M valore variabile che richiama immagine PHP 2
Danyb82 Scorrimento immagine che si sviluppa orizontalmente jQuery 3
S [JQUERY] immagine che resta attiva all'hover jQuery 4
helpdesk immagine ridimensionata in php che sgrana PHP 16
F Immagine che si autoingrandisce dallo sfondo Flash 2
S Problema assegnazione immagine [era: Problema che non riesco davvero a risolvere :(] PHP 1
K Pagina con immagine che si apre HTML e CSS 0
V Creare un riquadro che contenga immagine e descrizione HTML e CSS 5
M Cerco script che verifica aggiornamento immagine PHP 2
T inserire un fotogramma/immagine prima che il video parte Flash 0
matteoraggi Immagine .jpg che non si vede solo su internet explorer HTML e CSS 2
G html invece che immagine Javascript 3
G Immagine flash che si sposta e cambia... Flash 2
M Esiste un codice che cripta il "link" immagine HTML e CSS 1
MattiaBergomi [DIV e CSS] Far contenere ad un Div un immagine senza che esca dai margini HTML e CSS 9
I Immagine in sfondo di una classe che non compare. HTML e CSS 2
S Immagine di sfondo che cambia ad ogni accesso Javascript 2
H Parte di un'immagine che al passaggio del mouse suona automaticamente Flash 1
K Come posso usare un'immagine al posto di un bottone? HTML e CSS 2
M Upload immagine con javascript problemi con FormData() Javascript 1
M Visulizzare immagine con php PHP 8
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
Y Come caricare e visualizzare un'immagine PHP 0
M Quando ha l'immagine ingrandita è possibile fare rotazione per ritagliare? Photoshop 0
R Caricamento immagine su cartella remota + mysql PHP 3
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
L Upload di un'immagine all'interno di un database usando php PHP 6
G Modifica immagine di sfondo attraverso un bottone PHP 18
F photoshop portable : spostamento immagine Photoshop 0
A Server Apache immagine not found (ERROR 404) Apache 5
P [Photoshop] ritagliare una immagine Photoshop 1
S [PHP] Recupero nome immagine da Form con input file PHP 3
D [Javascript] salvare immagine canvas - paypal Javascript 0
D [HTML] Inviare un link contenente un' immagine HTML e CSS 4
M [PHP] Cercare l'ultima immagine caricata in una cartella datata PHP 15
C [Photoshop] bordi tondi come posso fare per ottenerli come nell'immagine allegata Photoshop 2
M [HTML] Tasto condivisione social e immagine HTML e CSS 2
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1

Discussioni simili