jquery fadeIn() from opacity: 0.1 - possible?

Question

I'm looking to fadeIn() a div that starts of on opacity: 0.1 or (filter: alpha(opacity = 10) in ie).

I know i can do .animate({css.... with an if(supports opacity) but i'm looking for a quick and easy cross browser solution, and i imagine jquery already has one?

Answer 1

You can do this using .animate():

.animate({ opacity: 1 });

There no need to check $.support.opacity, it'll use the alpha filter version if needed, jQuery normalizes this internally. To be clear, this supports all browsers, including IE. You can test it here.

Edit: re-reading your question it seems these styles may be in the stylesheet, not set by .css(), in which case just add a zoom: 1 for IE to fade correctly, you can view a demo of that here. You can see how the guts of it work here.