- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema con elementi sovrapposti
-
Problema con elementi sovrapposti
In una pagina ho un'animazione racchiusa nel div "animazione", ma cliccando su un certo link l'animazione deve sparire e deve apaprire un'immagine della stessa dimensione.
Il codice è
<div id="animazione" style="width: 480px; height: 430px;"></div> <img src="grafica/foto_ditta.jpg" name="foto_ditta" id="foto_ditta" width=480 height=430 border=0 style="display: none; position: static; top: -430px;">
e cliccando su quel link viene eseguito questo codice
document.getElementById("animazione").style.display="none"; document.getElementById("foto_ditta").style.display="block";
Però mentre in explorer è perfetto, in firefox l'immagine appare sotto al div "animazione", come se ignorasse il -430px.
-
hai provato con "position: absolute; top: -430px" oppure a dargli un margin-top negativo?
-
Con position absolute mi esce dallo schermo (il sito è al centro dello schermo), con margin-top si comporta esattamente nello stesso modo di prima.