Cari sviluppatori, vi riportero di seguito la pagina HTML con il CSS e come applicarlo.
Volevo mettere a punto un tooltip fatto in puro CSS in modo da rendere molto leggero il codice e comunque molto semplice il suo impiego.
Attualmente ho quasi ottenuto il risultato che volevo se non fosse per IE!!!
Il tutto funziona bene in FF e Safari, ma Explorer non ne vuole sapere, avevo fatto una versione precedente che utilizzava il parametro display: none / block, non funzionando bene con le versioni inferiori al IE7 ho letto che IE non va con Display:inline, quindi come vedrete dal codice, ho cambiato metodo, ma ancora nulla.
Spero qualcuno più ferrato di me nell'argomento mi possa dare una soluzione, forse è un prolema molto stupido, ma non riesco ad uscirne.
Grazie mille in anticipo!!!
Ecco il codice:
[html]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Tooltip Compatibility</title>
<style type="text/css">
<!--
a.tooltip {
position: relative;
cursor: help;
}
a.tooltip span {
position: absolute;
left: -9999em;
padding: 2px 3px;
background:#dae9ed;
border:2px dashed #fff0c4;
color:#086989;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
a.tooltip:hover span, a.tooltip:focus span {
left: 20px;
}
-->
</style>
</head>
<body>
<a id="a" class="tooltip" href="#">Mouse hover...<span>
Ecco il nostro tooltip!!!
</span></a>
</body>
</html>
[/html]