nicht angemeldet
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.
Hallo Stefan,
hover bei hidden IMHO tatsächlich nicht. Wenn der Hintergrund hinter dem Layer einfarbig ist und du in dem (visible) Layer (popup ist hier vielleicht ein irreführender Begriff) wirklich nur Text anzeigen willst, könntest du vielleicht die Schriftfarbe defaultmäßig auf die Hintergrundfarbe einstellen und beim hover dann die Schriftfarbe ändern - dadurch wird sie dann sichtbar. Funktioniert natürlich nicht in Netscape 4.x.
Weiß nicht, ob das weiterhilft, aber einen Versuch war's ja wert ;-)
Gruß: kaspar