Hover Effect Won't Trigger On Image
I have problem with my hover on img in my #picutre div. HTML: 

Solution 1:
#picture img
is more specific than .content_pic:hover
so opacity:0.4;
will always overwrite opacity:1.0;
.
Use #picture img:hover
instead.
Solution 2:
You have given the picture img opacity 0.4
and hover effect for .content_pic:hover
so this vl not work.
see the fiddle here http://jsfiddle.net/4z55sjn0/2/
Post a Comment for "Hover Effect Won't Trigger On Image"