Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

CSS: Hover ohne Link

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
mcchaos
PostRank 9
PostRank 9
Beiträge: 1414
Registriert: 27.07.2004, 19:18

Beitrag von mcchaos » 14.05.2006, 18:33

Hallo!

Gibt es eine Möglichkeit per CSS bei einen Text, der in einem <div> steckt, beim Maus-Hovern einem anderen Hintergrund dazustellen?

.className:hover {background-color:#123456;} scheint nur bei Links zu funktionieren, der Text ist aber nur Text und nicht verlinkt.

Per JavaScript sollte es gehen, würde aber eine Lösung per CSS bevorzugen.

Anzeige von ABAKUS

von Anzeige von ABAKUS »


Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Southmedia
PostRank 10
PostRank 10
Beiträge: 7322
Registriert: 20.07.2003, 19:56

Beitrag von Southmedia » 14.05.2006, 19:05

Normaler Weise wird :hover für Hyperlinks eingesetzt, laut der W3C-Spezifikation ist diese Eigenschaft aber für alle Elemente zugelassen und so kannst du Mouseover-Effekte z.B. auch für Formularfelder, Tabellenzellen und <div>-Container definieren. Leider unterstützen Opera und der Internet Explorer bis zur Version 6 :hover nur für <a>-Tags.
https://www.css4you.de/hover.html

mcchaos
PostRank 9
PostRank 9
Beiträge: 1414
Registriert: 27.07.2004, 19:18

Beitrag von mcchaos » 15.05.2006, 08:33

Danke für die Antwort. Irgendwie stehe ich total auf dem Schlauch, denn danach müßte es zumindest im FF ja gehen, oder?

.FrontBox {border-color:#000000;border-width:1px;border-style:solid;padding:2px;}
.FrontBox:hover {background-color:#808080;}

<div class="FrontBox">Das ist der Text, aber es tut sich nix im Firefox 1.5.0.3</div>