Question

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

这是使用fadeIn / fadeOut完成的，并且在除IE之外的所有其他浏览器中都能完美运行。

在IE中，图像的背景闪烁为深灰色，然后在悬停时淡入正确的图像并将鼠标悬停。

这是我正在研究的例子，连续三个较小的图像：

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

Answer 1

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

OR

对IE使用opacity属性和ms过滤器。

Answer 2

我有类似的问题。

在淡入淡出/淡出后尝试呼叫：

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

当IE 7＆amp; 8留下令人讨厌的黑色污迹，其中不透明度应在褪色效果之后。

Answer 3

请参阅此文章，类似问题：

诀窍是使用延迟然后fadeOut。