IE7 / 8&png的fadeIn / fadeOut jquery问题

嘿伙计们,我正在尝试制作放大镜背景,当使用hover在可以放大的图像上时。 这是使用空白跨度并将其显示设置为无,直到它hover,并使其背景为半透明png,中间放大镜。

这是使用fadeIn / fadeOut完成的,并且在IE之外的所有其他浏览器中都能很好地工作。

在IE中,图像的背景闪烁为深灰色,然后在hover时淡入正确的图像并将其hover。

这是我正在研究的例子,它连续三个较小的图像:

http://www.brainbuzzmedia.com/themes/amplify/html/index.html

我已经读过,解决这个问题的方法是为褪色的元素添加背景颜色,但显然这不起作用,因为我需要使用半透明的png作为背景。 任何人都知道我能用这个做什么?

我没有把闪光灯变成深灰色。 我能想到的解决方案是要么有另一个div与图像完全位于图像后面的大小相同,并使用png背景。

要么

使用IE的opacity属性和msfilter。

我有一个类似的问题。

在淡入淡出/淡出后尝试调用:

  $("#myelement").css('filter', 'none'); 

当IE 7和8留下令人讨厌的黑色污迹时,它对我起作用,其中不透明度应该是在做出淡化效果之后。

看到这篇文章,类似的问题:

jQuery IE Cleartype在fadeout上出现故障!

诀窍是使用延迟然后fadeOut。