Question

I’ve look at the other questions about this, but can’t find a solution.

I’ve tried this:

.picpic:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

the html is something like this

<a href="xx"><img class="picpic" src="zz.png"></a>

Can i get some help here?

Answer 1

Basically what is happening is that your IE-specific opacity line –filter: alpha(opacity=50); is being overidden by the general opacity: 0.5; line which works in the other browsers/versions of IE.

Try this specifically for IE7:

 <!--[if IE 7]>
    .opaque2 {  // for IE5-7
        filter: alpha(opacity=50);
    }
 <![endif]-->

Make sure to use conditional comments if it’s working fine for all other browsers/versions.