1

What is the best solution for adding Image Transparency - Hover Effect to wordpress? I have a few company logos that I want to be fading until you hover over them....Is there an easy solution? Looking for the right code and css...thanks so much.

ronakg
  • 4,038
  • 21
  • 46
Eddie
  • 59
  • 1
  • 2
  • 9
  • Would you be willing to implement a javascript solution, or are you just looking for pure CSS solutions? – Wex Dec 16 '11 at 08:35

1 Answers1

2

First define a class for all your company logo images like this -

<img class="company-logo" src="..."/>

Then add CSS for company-logo class like this -

img.company-logo {
    opacity: 0.5; /* Set this to whatever value you want */
    filter: alpha(opacity=50);
}

img.company-logo:hover {
    opacity: 1; /* make the images fully opaque */
    filter: alpha(opacity=100);
}
ronakg
  • 4,038
  • 21
  • 46
  • This did not work...going crazy with this...ugh...Here is my site http://me.lt/3Q3cq - trying to add this to my mountain footer image...let me know? – Eddie Dec 16 '11 at 18:37