[CSS] hovereffekt für bestimmte Elemente unterbinden

[haraldos 0]

Moin,

habe für Textlinks einen leichten Hovereffekt eingebunden den ich aber bei transparenten Grafiken nicht haben möchte. Irgendwie gelingt es mir aber nicht diesen für die Grafiken zu unterbinden.

Die Grafik:

<

 

In der CSS:

.icon a:hover {     background-color:transparent; }

Live und in Farbe: http://www.datec.de/produkte.php

Wo hängt der Hammer?

Danke & Gruß, Haraldos

[lord_of_chaos 0]

Also bei mir gibt es keinen Hover-Effekt.

[Powie 1]

vielleicht ein Browserabhängiger Effekt

[mahe 0]

Original von lord_of_chaos

Also bei mir gibt es keinen Hover-Effekt.

dacht ich zuerst auch und dann hab ich nomal ordentlich hingeguggt

Versuch mal a.icon:hover (so mach ich das zumindest immer :L)

[haraldos 0]

Original von Powie

vielleicht ein Browserabhängiger Effekt

Nur insofern dass der FF nur das untere Drittel des transparenten Hintergrunds "hovert", der IE aber den Kompletten.

Original von mahe

Versuch mal a.icon:hover

Hilft leider auch net...

Hier mal alle Link Effekte aus der CSS:

.navi a:link {      text-decoration: none; color:#006462; font-weight:bold; }
.navi a:visited {   text-decoration: none; color:#006462; font-weight:bold; }
.navi a:active {    text-decoration: none; color:#006462; font-weight:bold; }
.navi a:hover {     text-decoration: none; color:#000000; font-weight:bold; background-color:#F0F3F2; }

a.icon:hover {     background-color:transparent; }

a:link {            text-decoration: underline; color: #000000; }
a:visited {         text-decoration: underline; color: #000000; }
a:active {          text-decoration: underline; color: #000000; }
a:hover {           text-decoration: underline; color: #006462; background-color:#F0F3F2; }

noch ne Idee?

[mahe 0]

background-color:transparent; <<-- gibts das?

Das hat bei mir schon bei den Tabellen ned gefunzt ...

schonmal none versucht?

[haraldos 0]

Ja, steht zumindest so bei css4you.de dokumentiert...

"none" war mein erster Kandidat, mit gleichgrünem Ergebnis.

[haraldos 0]

Des Rätsels Lösung:

die Klasse darf nicht im Tag definiert werden, sondern muss in meinem Fall im stehen. Dann klapt´s auch

[... 0]

Mach einfach a.link.klasse{} dann könntest du es auch direkt machen, so ist es halt "gruppiert".