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 和 IE8 模拟 IE7 中。据我所知，即使 IE9 用于模拟早期版本的 IE，在 IE9 中也没有出现这种情况。模拟器显然是不完善的。
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 faded out, so the caption can be clearer seen:
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, however, you see the next picture behind the caption. This is not ideal. Demo.
See here (screengrab), where under the caption the next image shows through:
Note: This problem is seen in IE7, IE8, and in IE8 emulating IE7. It is, I am told, not seen in IE9, even when IE9 is used to emulate previous versions of IE. The emulator is obviously imperfect.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
IE 无法处理
opacity属性。您需要使用 hack：请注意，这些过滤器使用 0 到 100 的范围，而不是 0.0 到 1.0。像 jQuery 这样的框架可以为您做到这一点，如果您动态分配样式，这真的很方便。
IE is unable to handle the
opacity-property. You need to use a hack: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.