IE7 / 8& fadeIn / fadeOut jquery问题PNG [英] fadeIn / fadeOut jquery problem with IE7/8 & png

问题描述

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

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

在IE中，图像的背景在淡入淡出之前闪烁为深灰色正确的图像悬停并悬停。

以下是我正在处理的示例，连续三个较小的图像：

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

我读过这个解决方案是为褪色的元素添加背景色，但很明显这是行不通的，因为我需要使用半透明的png作为背景。任何人都知道我可以用这个做什么？

解决方案

看到这篇文章，类似的问题：

fQuery上的jQuery IE Cleartype故障！

诀窍是使用延迟然后fadeOut。

Hey guys, I am trying to make a magnifying glass background when the use hovers over an image that can be enlarged. This is using a blank span and setting its display to none until it is hovered, and having its background be a semi-transparent png with a magnifying glass in the center.

This is done using fadeIn / fadeOut and works perfectly in all of the other browsers besides IE.

In IE, the background of the image flashes to dark gray before fading to the correct image on hover and hover out.

Here is the example of what I am working on, its the three smaller images in a row:

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

I have read that the solution to this is adding a background color to the element that is fading, but obviously that wouldn't work because I need to use a semi-transparent png as the background. Anyone have any idea what I can do with this?

解决方案

See this article, similiar issue:

jQuery IE Cleartype glitch on fadeout!

The trick is to use a delay then fadeOut.

这篇关于IE7 / 8& fadeIn / fadeOut jquery问题PNG的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！