son gohan
Erfahrenes Mitglied
Hallo Lieber Leser,
ich habe ein Problem mit meinem CSS Tooltip, im Internet Explorer funktioniert er zwar, aber ich habe es eben im Google Chrome Browser getetet und es funktioniert dort nicht ganz richtig, der Tooltip bleibt nicht stehen, müsste er aber nach meinen CSS Angaben habe ich a.active und a:focus so eingestellt das er stehen bleibt wenn man in anklickt, er tut es auch im IE Browser aber nicht im Google Chrome.
ich habe ein Problem mit meinem CSS Tooltip, im Internet Explorer funktioniert er zwar, aber ich habe es eben im Google Chrome Browser getetet und es funktioniert dort nicht ganz richtig, der Tooltip bleibt nicht stehen, müsste er aber nach meinen CSS Angaben habe ich a.active und a:focus so eingestellt das er stehen bleibt wenn man in anklickt, er tut es auch im IE Browser aber nicht im Google Chrome.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>CSS Tooltip Test</title>
<style type="text/css">
a.rot ,
a.rot:link ,
a.rot:visited {
display:block;
width:70px;
height:70px;
background:#FF0000;
position:relative;
}
.grun {
display:block;
width:60px;
height:60px;
background:#00FF00;
position:absolute;
left:-1000px;
}
a.rot:hover .grun{border:none;left:208px;top:0px;}
a.rot:active .grun{border:none;left:208px;top:0px;}
a.rot:focus .grun{border:none;left:208px;top:0px;}
</style>
</head>
<body>
<div style="width:200px;height:200px;background:#FFFF00;position:relative">
<a class="rot" href="#">Link<span class="grun">Tolltip</span></a>
</div>
</body>
</html>