Internet Explorer上图像淡入淡出

问题描述

| 我正在使用一些JavaScript来使图像褪色：从一幅图像逐渐淡出到另一幅图像的图像库。图像也可以覆盖字幕。标题后面的图像略微淡出，因此可以更清楚地看到标题：

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 */

但是，在Internet Explorer中，您会在标题后面看到下一张图片。这是不理想的。演示 参见此处（屏幕抓图），标题下的下一张图片显示如下： 注意：在IE7，IE8和模拟IE7的IE8中会看到此问题。有人告诉我，即使使用IE9来模仿IE的早期版本，也不会在IE9中看到它。模拟器显然是不完美的。     

解决方法

IE无法处理“ 1”属性。您需要使用一个技巧：

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之类的框架可以为您完成此任务，如果您要动态分配样式，这将非常方便。