Hola amigos, no sé si me podreis ayudar. Me presento: me llamo Fenixmael, tengo una página web de padel e intento meter un tooltip tal como este:
<style>
a.info {
position:relative;
z-index:24; background-color:#;
color:#000;
text-decoration:none;
}
a.info:hover {
z-index:25; background-color:#; /* DEBE haber un color de fondo */
}
a.info span {
display: none; /* el elemento va a estar oculto */
}
a.info:hover span { /* Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL */
display:block;
position:absolute;
top:1em;
left:1em;
width:90px;
border:1px solid #FF9900;
background-color:#F4F2CC;
color:#000000;
text-align: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
padding: 5px;
} </style>
Luego pretendo que me salga en una tabla dinámica, al poner el ratón encima de una imagen, mediante este código:
?>
<a class=info href="../resultados/listadopartidosporjugador.php?n=<?=strtoupper($row[1]); ?>"> <img src="../../imagenes/masgrisazul.JPG" id="imagen" onMouseOver="this.src='../../imagenes/masverde.JPG ' "onmouseout="this.src='../../imagenes/masgrisazul.JPG'"
<span>
<? echo "NIVEL: ".$row2[10]; ?> <br>
<? echo "Handicap: ".ceil($row2[32]/100); ?> <br>
<? echo "Partidos: ".$row2[9]; ?> <br>
<? echo "Puntos: ".$row2[8]; ?> <br>
<? echo "Tf: ". $row2[1]; ?>
</span>
</a>
<?
El problema es que me sale en todos los navegadores menos en Internet Explorer. (Si lo saco del php sí me sale en el Explorer, pero claro, tiene que estar en el php).
¿Os importaría hacerme el favor de echarle alguien un vistazo a ver como se puede visualizar en el Internet Explorer?
Os estaría agradecido.