versuch13
Erfahrenes Mitglied
Hi, ich versuche mich gerade an reinen CSS Tooltips. Das Prinzip ist mir klar, dazu gibt es ja auch diverse Artikel im Netz. Daher dachte ich mir, so schwer ist das ja nicht und ich mache es einfach selbst anstatt irgendwo zu kopieren.
In Firefox und Opera läuft das perfekt, allerdings im IE passiert einfach gar nichts und ich habe keine Ahnung woran das liegen könnte.
Hier einfach mal der Quelltext:
Gruß
In Firefox und Opera läuft das perfekt, allerdings im IE passiert einfach gar nichts und ich habe keine Ahnung woran das liegen könnte.
Hier einfach mal der Quelltext:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Tooltips</title>
<style type="text/css">
* {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {
position:relative;
color:#FF6600;
}
a:hover, a:active {
color:#333;
}
a:link span, a:visited span {
display:none;
}
a:hover span {
position:absolute;
top:12px;
left:12px;
display:block;
z-index:1;
padding:3px;
width:120px;
background:#fff;
border:1px solid #000;
}
</style>
</head>
<body>
Test Test Test Test Test Test Test <br />
Test Test Test Test Test Test Test <br />
Test Test Test Test <a href="#">Test<span>Tooltip</span></a> Test Test <br />
Test Test Test Test Test Test Test <br />
Test Test Test Test Test Test Test <br />
Test Test Test Test Test Test Test <br />
Test Test Test Test Test Test Test <br />
Test Test Test Test Test Test Test <br />
Test Test Test Test Test Test Test <br />
Test Test Test Test Test Test Test <br />
</body>
</html>Gruß
