2010-09-01 112 views
2

嘿家伙,我试图做一个放大镜背景时,使用悬停在图像,可以放大。这是使用空白跨度,并将其显示设置为无,直到它被徘徊,并且其背景是半透明png,并在中央放大镜。fadeIn/fadeOut jQuery与IE7/8问题&PNG

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

在IE中,图像的背景闪烁为深灰色,然后在悬停并悬停时消失到正确的图像。

这里是我工作的例子,其在一排三个较小的图片:

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

我已阅读的解决方案是添加背景颜色的元素正在消失,但显然这是行不通的,因为我需要使用半透明PNG作为背景。任何人都知道我可以用这个做什么?

回答

0

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

OR

使用opacity财产和MS过滤器IE。

+0

在IE中闪烁的我,我可能一直在努力,当你看着它,但我仍然无法找出任何东西。我基本上使用一个跨度,就像你对div的建议一样。我改变它为一个div,但它没有改变任何东西。问题不是不透明,虽然它与淡入 – Andrew 2010-09-01 07:11:31

0

我有类似的问题。

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

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

它的工作对我来说,当IE 7 & 8人讨厌的黑色斑点,其中不透明度应该已经做了淡入淡出效果之后。

+0

不起作用:/ – Andrew 2010-09-01 07:44:19