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。