Image opacity hover, only on certain images

aphull / 2015-03-23 21:52:06   

Hello!

The format for my homepage is Visual Index - the format for my content pages is Horizontal. I would like the image thumbnails on the homepage to have an opacity to them, and be completely opaque when I hover. I insert this into the style.css and all images achieve the effect - but I would only like the images to do this on the visual index page. This is the code I inserted:

img {
opacity: 0.4;
filter: alpha(opacity=40);
}

img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}

How can I achieve this with only the visual index page?

thanks!!
amrit

aphull / 2015-03-24 04:23:55   

p.s. my site is amritphull.com

davix / 2015-03-27 15:10:29   

try this

  1. .picture_holder img {
  2. opacity: 0.4;
  3. filter: alpha(opacity=40);
  4. }

etc.

This thread has been closed, thank you.