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
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
T Dividere un'immagine in 3 parti orizzontali e salvarle separatamente Photoshop 2
W Immagine come maschera photoshop Photoshop 1
L Ultima immagine Windows e Software 0
A Immagine decentrata con sfondo trasparente Photoshop 0
A Scontornare immagine di bassa qualità. Photoshop 2
B Selezionare un'immagine e salvare la selezione Photoshop 3
F Immagine come fosse selezione attiva Photoshop 1
Y Percorso assoluto file immagine HTML e CSS 9
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
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 7
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 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

Discussioni simili