IE中的jQuery砌体和不透明度

Question

我发现如果我使用jQuery砌体并使用jQuery来设置某些东西的不透明度，那么不透明度在IE中不起作用。有趣的是，我将div设置为fadeIn，它也具有不透明度值。在IE中淡入淡出时，div是半透明的，但是一旦淡入淡出，它就会变得坚固。这很奇怪，我找不到修复方法。尝试使用半透明的PNG，但这些不会在IE中正确淡出。

由于

Answer 1

这是一个非常常见的错误。这是IE的问题，而不是jQuery。幸运的是，IE9终于拥有了真正的不透明度支持。不幸的是，Butt-Load的用户仍在使用IE7（和IE6 !!）。

我曾经用渐弱的PNG构建了一个超级甜蜜的jQuery界面。 PNG使用不透明度来保持事物看起来不错。在IE中，不透明度像素为纯黑色。

我已经完成了很多关于该主题的Google搜索，除了不使用不透明度淡化PNG之外，没有任何解决方法。

实际上，这些修复对我来说不起作用，但也许它们适合你：

http://blog.pengoworks.com/index.cfm/2009/2/17/Fading-a-24bit-transparent-PNG-in-IE7

Answer 2

好的，这就是我必须做的事情。使用具有不透明度和过滤器的css设置div的不透明度（对于corss-browser）。淡入淡出div（因为它是隐藏的）。现在在IE中由于某种原因在淡入淡出后会出现不透明度关闭，所以你必须再次使用jQuery css opacity重置它，这就是代码：

$（'。project .blue'）。延迟（300）.fadeIn（800）.css（{“opacity”：。3}）;

很简单，但这总是你想到的最后一件事。