Popup ohne Javascript

[T!M]

Hallo,

Ich versuche gerade ein wenig mit CSS zu experimentieren. Dabei müsste es doch eigentlich machbar sein, mit :hover-Effekten ein Popup hinzukriegen, ohne JS zu nutzen. Die überlegung war folgende:

HTML:

<div class="popup">
Hier dann etwas Content
</div>

CSS:

.popup {
visibility:hidden;
// Angaben zur Positionierung, Hintergrund etc.
}

.popup:hover {
visibility:visible;
}

Nun scheint es aber so, dass Hover-Effekte bei hidden nicht funktionieren (zumindest in Mozilla und Konqueror nicht).

Hat da noch einer eine andere Idee, wie man sowas realisieren kann. Es muss nicht in allen Browsern laufen (Einer genügt, da es experimentell ist), aber es muss valide sein und ohne JS.

Jep, nimm statt dem hidden div hover doch nen clearpixel mit rein und gib dem den hover effekt.

Stefan

T!M