Fading Image Transparency On Internet Explorer

I'm using some javascript for fading images: a gallery of images which fade from one to the next. Images can also have captions overlaid. The image behind the caption is slightly f

Solution 1:

IE is unable to handle the opacity-property. You need to use a hack:

background: #fff;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */filter: alpha(opacity=75); /* older IEs */opacity: 0.75; /* modern browsers */

Note that those filters use a range from 0 to 100 rather than 0.0 to 1.0. Frameworks like jQuery do this for you, which is really handy if you're assigning styles dynamically.