mouseover grafik abdunkeln

[eag1e]

Hallo zusammen,

ich habe mal eine Frage:
Wie bekomme ich den mouseover-Effekt hin, wie ich ihn hier finde?
Metro Flexible Navigation Preview - CodeCanyon

Die Grafik soll eine png sein.
Würde sowas auch mit einem Div funktionieren?

 

[threadi]

Keine Ahnung was Du mit Abdunkeln meinst. Bei deiner Beispielseite wird lediglich die CSS-Eigenschaft:

cursor: pointer;

verwendet, wodurch ein von dem System des Besuchers (also deinem System) dafür bereitgestellter Cursor verwendet wird. Bei mir ist das sicherlich ein anderer Cursor als bei dir.

Wenn Du dennoch eigene Cursor einbinden möchtest, ginge das auf diesem Weg:
SELFHTML: Stylesheets / CSS-Eigenschaften / Anzeigefenster

Moderation: Verschoben von PHP zu CSS.

 

[prm]

Du musst den Linkzuständen a:link und a:hover lediglich zwei unterschiedliche Hintergrundgrafiken zuweisen (also eine hellere und eine etwas abgedunkeltere).
Die Umsetzung findest du hier erklärt:
Link-Buttons

 

[Cheffchen]

Hallo,

er meint was anderes.
Das ist total einfach, einfach beim hover das element etwas tranzparent machen mit

div:hover{
opacity:0.8;
filter:alpha(opacity=80);}

das ist rein css.

Wenn das dann noch schicker haben mochtest also das dies eine art übergang hat und flüssig ist dann mit jquery das ändern.

Cheffchen

edite: oder was drüber legen wie hier http://jsfiddle.net/6HsMR/

 

[Tronjer]

Dann aber lieber so etwas wie imv:hover{}. Ansonsten würde sich die opacity auf alle Elemente innerhalb des Div auswirken.