Geek asks and answers

Turn image transparency into Internet Explorer

I use javascript for fading images: a gallery of images that fade from one to another. Images may also be labeled. The image under the title is a little out of order, so the title can be seen more clearly:

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

In Internet Explorer, you see the following image behind the signature. This is not perfect. Demo .

See here (screengrab), where under the heading of the following image is shown:

Next image fading through under caption.

Note. This problem is observed in IE7, IE8, and IE8 mimicking IE7. This, I was told, is not visible in IE9, even when IE9 is used to emulate previous versions of IE. The emulator is clearly imperfect.

0
source share
1 answer

IE opacity -property. :

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

, 0 100, 0,0 1,0. , jQuery, , , .

+2

More articles:


All Articles