Image hover transparancy problem

[matikdesign]

hi,

i am still very much a novice when it comes to css and i am having some problems with a image hover transparancy solution..

i have done extensive research trying to find a fix but there seems to be some kind of conflict that is stopping this particular set of images from accepting hover effects..

on this page i have no problems getting the small red strip image at the top of the page accepting hover effects but applying the same set of rules to any of the artist bio pictures brings no effects.

you can see the page here:
http://burndownbabylon.co/music/

Any help would be much appreciated!

[Senff]

I don’t see any hover effect on the red strip at the top either.

What did you try for hover effects that doesnt work? CSS or Javascript?

[matikdesign]

thats because i was just doing the hover strip by right click inspect element on firefox, so its not permanent…

i tried a bunch of solutions, maybe 10 that worked on the strip but none of them work on the bio images, as i stated i think there is some kind of conflict that is preventing them from accepting hover commands?

heres one solution i just googled that works on the strip and not on the images, right clicking inspect element and putting below the css of the strip image….

opacity:0.4;

filter:alpha(opacity=40); /* For IE8 and earlier */

}

img:hover

{

opacity:1.0;

filter:alpha(opacity=100); /* For IE8 and earlier */

}

[Paulie_D]

I’m confused about what it is you are trying to do.

Something to do with the images of the artists…right.

What effect are you trying to achieve on hover?

Something like this: http://codepen.io/Paulie-D/pen/tuAEk ?

[matikdesign]

thanks.

[Author]

Posts