来自不透明度的jquery fadeIn（）：0.1 - 可能吗？

Question

我希望fadeIn（）一个以opacity: 0.1或filter: alpha(opacity = 10)开头的div开始。

我知道我可以用.animate({css....做if(supports opacity)，但我正在寻找一种快速简便的跨浏览器解决方案，我想jquery已经有了一个？

Answer 1

您可以使用.animate()执行此操作：

.animate({ opacity: 1 });

无需检查$.support.opacity，如果需要，它将使用alpha过滤器版本，jQuery在内部对其进行规范化。需要说明的是，这支持所有浏览器，包括IE。 You can test it here

编辑：重新阅读您的问题似乎这些样式可能在样式表中，而不是由.css()设置，在这种情况下，只需为IE添加zoom: 1正确淡出，you can view a demo of that here。你可以看到它的内涵如何运作here。

Answer 2

time = 1000; // time in ms to fade from 0.1 to 1
$("#id").fadeTo(0, 0.1).fadeTo(time, 1)

Answer 3

您可以使用css设置不透明度，然后开始fadeIn

E.g。

yourElement.css('opacity', .1).fadeIn();