Homepage selbermachen 7.851 Themen, 35.616 Beiträge

Verfolgung starten Optionen

Div oder span über Bild einblenden mit :hover

hansapark / 8 Antworten / Flachansicht Nickles

Hallo.

Ich habe gefloatete divs, die eine Galerie ergeben. In jedem div ist ein thumbnail-Bild.
Wie kann ich am einfachsten erreichen (mit CSS) dass bei MouseOver-Bild rechts oben in der Ecke meines Bildes ein kleines div (oder z.b. ein span)  erscheint? Also über dem Bild.

(so ähnlich wie bei facebook)

Alles was ich probiert habe ist gescheitert.

Wie kann man da generell herangehen?

Vielen Dank. weiß nicht mehr weiter
h.

bei Antwort benachrichtigen
Zaphod hansapark „Div oder span über Bild einblenden mit :hover“
Optionen

Mit :hover kannst du nur das angezeigte Element selbst manipulieren, nicht ein anderes.
Wenn du divs erscheinen lassen willst, musst du diese mit display:none oder visibility:hidden unsichtbar machen und diese EIgenschaft per JavaScript bei onmouseover umschreiben ...

Ein anderer Ansatz ohne JavaScript wäre, über das Backgroud-Element der angezeigten DIV zu arbeiten, dann könntest du bei :hover ein modifiziertes Bild einblenden ...

Ich kann nur aus deiner Beschreibung nicht entnehmen, ob das in dem von dir beschriebenen Fall das Gewünschte ergibt ...

HTH, Z.

bei Antwort benachrichtigen
Wäre das nicht auch wie folgt möglich? div.aussen div.innen display:none ... Borlander
Hallo. So in der Art hatte ich es auch probiert, aber irgendwie ging es ... hansapark
Also bei mir funktioniert es damit: Borlander
Hallo. Ja , jetzt geht es bei mir auch . Bleibt nur das Problem, dass das ... hansapark
und position:absolute ist glaube nicht geeignet, da es auf so viele Bilder ... Borlander
hallo. ich habe es hinbekommen. habe dem eltern-element div nach seinem ... hansapark
ich glaube das war der haken, dass das eltern-div kein relative hatte. Eine ... xafford