ciao.
ho il seguente codice:
codice:
<div class="fumetto2" id="fumetto_2" style="height:160px; width:275px; background-image:url('images/bersagli/fumetto.gif'); background-repeat: no-repeat;" ><p style="font-size:16px;padding-left:60px;margin-top:5px; color:#ffffff;""><?php echo($tek->getTitoloFumetto());?></p> [img]<?php echo($path.$tek->getFumetto());?>[/img]</div>
<div class="bersaglio_due"><a onmouseover="document.getElementById('fumetto_2').style.visibility='visible'"
onmouseout="document.getElementById('fumetto_2').style.visibility='hidden'"></a>"
</div>
col relativo css esterno:
codice:
.bersaglio_due a {
margin-left:40px;
margin-top:350px;
display: block;
width: 37px;
height: 40px;
background: url(../images/bersagli/tre.png) no-repeat top left;
}
qesto imposta immagine e dimensioni.
in firefox e safari quando passo sopra al tag <a>con la relativa immagine funziona, e viene mostrato un fumetto , in ie 8 no ,in ie8 c'è solo un puntino dove avviene il mosueover out.
come posso risolvere?
scusate ma è una versione di prova veloce per la compatibilità dopo sistemo e metto in ordine col css.
Grazie.