background a tutto schermo e bottoni

famarinu

Nuovo Utente
24 Feb 2014
6
0
1
Ciao a tutti,
ho creato questa pagina a tutto schermo, utilizzando lo script js per mappare l'immagine, e vorrei che i fumetti siano dei bottoni.
Il problema è che in locale tutto funziona bene, ovvero i fumetti sono dei bottoni e il puntatore appare nella giusta posizione, mentre quando carico in remoto il puntatore viene spostato.
Sapete indicarmi il motivo?
Grazie per l'aiuto
 

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
40
Ciao Prova così
HTML:
<style type="text/css">
.body{
background: url(prova3.jpg) no-repeat center; 
position: fixed; 
z-index: -1;
width: 100%; 
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position-y: 15%;
}
</style>
 

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
40
HTML:
<img src="bg1.jpg" id="map-image" style="width: 100%; max-width: 100%; height: 100%; position:absolute; top:0px; left:0px;" alt="" usemap="#map" />
 

famarinu

Nuovo Utente
24 Feb 2014
6
0
1
Crisco8380, grazie per la soluzione suggerita, ma anche questa mi sposta il puntatore e non è sopra al fumetto. Ma secondo te lo script l'ho scritto bene?
 

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
40
secondo me e meglio creare una pagina responsive!
 

famarinu

Nuovo Utente
24 Feb 2014
6
0
1
Tu dici meglio creare una pagina responsive al posto di utilizzare il javascrip, giusto? Ci avevo pensato anche io ma il fatto dei bottoni mi mette in difficoltà, perchè finche devo creare uno sfondo a tutto schermo ci sono, ma poi quando devo andare ad incorporare i bottoni, mi blocco :-( tu mi sapresti dare qualche idea da dove partire?
Grazie
 
Discussioni simili
Autore Titolo Forum Risposte Data
F altezza background tutto schermo HTML e CSS 3
Shyson Shade background non copre tutto il monitor HTML e CSS 4
L Background musicale per tutto il sito Flash 1
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
L [HTML] Background-image HTML e CSS 9
A cordova-plugin-background-mode Sviluppo app per Android 0
A [HTML] Background size per dispositivi mobili HTML e CSS 4
M [Javascript] Adattare immagine di background all'altezza dello smartphone Javascript 1
asevenx [HTML] -webkit-filter solo su immagine di background HTML e CSS 5
S [WordPress] Footer php - il background riempie tutta la pagina - help WordPress 1
cornamusa [HTML] Immagine di Background HTML e CSS 1
Andrea Alessandrini [HTML] background annidati che si sovrappongono male HTML e CSS 3
S [HTML] Background responsive HTML e CSS 21
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
A [HTML] background fisso che non si ridimensiona con lo zoom HTML e CSS 4
D [HTML] Sfondo-Background fisso ma non troppo con effetto in movimento HTML e CSS 4
D Persa connessione con apparecchio Bluetooth in background Sviluppo app per iOS 0
borgo italia scelta dei colori di background e colori di contrasto Snippet PHP 1
Francesco Polese PHP script sempre in background PHP 0
V Aggiungere un img nel background Sviluppo app per Android 1
ivarello Progressbar e dati background .NET Framework 1
V Background sito web HTML e CSS 1
L mailto: apre la finestra di posta in background HTML e CSS 2
V area ripetuta e cambiamento background in foto PHP 0
gandalf1959 background image sparisce e diventa visibile un testo in un div Javascript 2
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
G Background scorrevole in una <div> jQuery 4
Y Invio email automatico database background Database 1
I Slide di immagini come background ? Javascript 0
I Slide di immagini come background ??? jQuery 1
F background image tr chrome HTML e CSS 3
voldemort [LIBRERIA] Background Mail Sviluppo app per Android 0
A inserire background con gradiente in un layout Sviluppo app per Android 1
P Mancata estensione background-repeat sul resto della pagina oltre il primo div e/o prima tabella HTML e CSS 2
A Modificare background flash Flash 11
Sevenjeak [Vb.net 2010] Aiuto background worked .NET Framework 10
G Richiamare URL in Background (Nascosto) come se fosse eseguito da browser PHP 3
R Inserire un background a rotazione? HTML e CSS 1
andre9004 Jquery background-image fade (Effetto comparsa background-image) jQuery 8
D background della pagina di login Webdesign e Grafica 5
U E' possibile dividere un' immagine o un background in celle? jQuery 0
D background in tre sezioni "WordPress" HTML e CSS 0
I Problema Background HTML e CSS 2
I Script ogni secondo in background PHP 2
maxbossi [CSS] background CSS HTML e CSS 0
voldemort [CSS] Definire tutte le proprietà del background in un unica riga HTML e CSS 1
N preload background image animazione sequenza Javascript 1
A Aiuto per soggetto da scontornare dal suo background Photoshop 8
N background, repeat, altezza, boxmodel.. sto impazzendo! HTML e CSS 3
L CHAT colore messaggi di testo e colore background PHP 0

Discussioni simili