Hi,
I am using CSS to display a tooltip when the mouse comes over a field.
This is working fine with IE and firefox but not with opera.
check the page here: (in french but anyway)
http://lostanimals.x10hosting.com/lost_main.php
The field "Code postal" must display a tooltip.
<a class=tooltip href="#">Code Postal :<span>Veuillez remplir le nom de la ville pour pouvoir choisir le code postal.</span></a>
The css code:
a.tooltip{
position:relative; /*this is the key*/
z-index:24; background-color:#E4E8DE;
color:#000;
text-decoration:none}
a.tooltip:hover{z-index:25; background-color:#E4E8DF}
a.tooltip span{display: none}
a.tooltip:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:20em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: left}
Any idea why this is not working with opera?
Thanks,
|