Popup info Box IN CSS Stylesheet

[DEADL]

Hallo der eine oder andere kennt es man will eine Kleine Info anzeigen lassen aber nicht zu Java Script zurück greiffen dann sollten sie mal ein Stylesheet ausbrobieren.

CSS:

<style type="text/css">
a.info { border-bottom: 0px dashed #000000; text-decoration: none }
a.info span { visibility: hidden; position: absolute; left: 20em; margin-top: 1em; padding: 1em; text-decoration: none }
a.info:hover span { visibility: visible; border: 3px solid #000000; color: #000000; background: #32C5FF; }
</style>

Attribute müssen angepast werden

HTML :

<p>Eine Infobox nur in CSS <a class="info" href="#">Test klick hier
<span>
<b>Information:</b><br><br>
TEST das ist der TEST
</span>
</a></p>

das wars auch schon und jetzt kann man Infos anzeigen lassen im ein kleinen Info Fenster viel spass damit

mehr Infos unter www.shaps-web.net

 

[sLost]

Auf diese Weise kann man auch dynamische Klappmenüs machen:
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern
Diese funktionieren aber im IE >nicht< wenn das Pseudoelement :hover auf etwas anderes als a (Link) angewendet wird.