[CSS] hovereffekt für bestimmte Elemente unterbinden

[haraldos]

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\" rel=\"external nofollow\">http://www.datec.de/produkte.php
Wo hängt der Hammer?
Danke & Gruß, Haraldos

[lord_of_chaos]

Also bei mir gibt es keinen Hover-Effekt.

[Powie]

vielleicht ein Browserabhängiger Effekt

[mahe]

Original von lord_of_chaos Also bei mir gibt es keinen Hover-Effekt.
[/quote]dacht ich zuerst auch und dann hab ich nomal ordentlich hingeguggt /uploads/emoticons/icon_e_biggrin.gif.1a84f5257b36e14b36d04985314f877f.gif\" alt=\":-D\" />
Versuch mal a.icon:hover (so mach ich das zumindest immer :L)

[haraldos]

Original von Powie vielleicht ein Browserabhängiger Effekt
[/quote]
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
[/quote] 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]

background-color:transparent; <<-- gibts das?
Das hat bei mir schon bei den Tabellen ned gefunzt ...
schonmal none versucht?

[haraldos]

Ja, steht zumindest so bei css4you.de dokumentiert...
\"none\" war mein erster Kandidat, mit gleichgrünem Ergebnis.

[haraldos]

Des Rätsels Lösung:
die Klasse darf nicht im  Tag definiert werden, sondern muss in meinem Fall im  stehen. Dann klapt´s auch /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\" />

[...]

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