background a tutto schermo e bottoni

[famarinu]

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]

Ciao Prova così

<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]

<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]

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]

secondo me e meglio creare una pagina responsive!

 

[famarinu]

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