CSS3 - immagine di sfondo con elementi che appaiono col mouse hover

Papalla

Nuovo Utente
22 Set 2016
4
0
1
Ciao a tutti,

é il mio primo post e vi ringrazio in anticipo.

Ho realizzato quello che vedete qui: http://www.enet.it/laura/innovita/immagini.html

Non riesco però a renderlo responsive, o meglio: riesco a rendere responsive l'immagine di sfondo ma, a quel punto, le immagini che appaiono con mouse hover restano alle loro coordinare originali e non appaiono più sopra il giusto elemento dello sfondo.

Avete già affrontato un problema simile? Sapete darmi indicazioni?
Grazie.
 

Papalla

Nuovo Utente
22 Set 2016
4
0
1
Non ho capito questo:"Nel tuo codice non l'uso delle regole @media rule"
 

Papalla

Nuovo Utente
22 Set 2016
4
0
1
Infatti non é responsive, é quello che dovrei fare ma non riesco. O meglio, in locale sono riuscito a fare una versione in cui lo sfondo é responsive ma, riducendosi per esempio, l'immagine che appare con mouse hover (verde) non coincide più con lo sfondo.
Ora vedo jQuery che mi hai segnalato, grazie.
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
R Transizione immagine css3 HTML e CSS 1
I [CSS3]Problema slideshow multiple HTML e CSS 2
momeraths CSS3 Gradients HTML e CSS 2
xone [Offro] Realizzazione template html5 css3 creati da zero Offerte e Richieste di Lavoro e/o Collaborazione 0
greven [WordPress] [CSS3] Inserire Hover Effect sul menù WordPress 10
M Maschere di Immagini in CSS3 ovvero: questo sconosciuto HTML e CSS 1
V Marquee CSS3 HTML e CSS 7
A Controllare l'animazione di una skills bar realizzata con i keyframes css3 Javascript 1
M Animate Transition css3 HTML e CSS 1
novello88 [css3] animated position HTML e CSS 0
A Menu css3 HTML e CSS 1
K Transition CSS3 menu a comparsa HTML e CSS 1
zighy JM css3 image effect plugin..chi li conosce,come si usano? HTML e CSS 6
K Nascondere i css3 ai vecchi broswer usando @media HTML e CSS 0
voldemort HTML5 e CSS3: ancora troppo presto? HTML e CSS 3
B [VENDO] Libri web design nuovi, usciti negli ultimi mesi. (wordpress e html5/css3) Altri Annunci 0
J Super Cool and Great Button Resources and Tutorials with CSS3 Javascript 0
MarcoGrazia [CSS3] Bottoni arrotondati e non con gradiente HTML e CSS 0
SolidSnake4 info css3 HTML e CSS 1
SolidSnake4 css3 webfont HTML e CSS 1
M Upload immagine con javascript problemi con FormData() Javascript 1
M Visulizzare immagine con php PHP 8
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 6
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
S Testo scrolla su immagine che cambia HTML e CSS 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
A Php variabile immagine inesistente PHP 4
R [PHP] Testo su immagine al passaggio del mouse PHP 2
L [PHP] controllo dimensione immagine per il resize PHP 2
felino [Wordpress] Immagine di sfondo (sotto il template) WordPress 8
Shyson [HTML] Sovrapporre un'immagine su un'altra HTML e CSS 2

Discussioni simili