Jump to content

[CSS] hovereffekt für bestimmte Elemente unterbinden


Recommended Posts

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

Link to post
Share on other sites
Original von lord_of_chaos

Also bei mir gibt es keinen Hover-Effekt.

dacht ich zuerst auch und dann hab ich nomal ordentlich hingeguggt :-D


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

Link to post
Share on other sites
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?

Link to post
Share on other sites
Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...