2010-07-01 16 views
7

Estoy buscando a fadeIn() un div que comience en opacity: 0.1 o (filter: alpha(opacity = 10) en ie).jquery fadeIn() de opacity: 0.1 - posible?

Sé que puedo hacer .animate({css.... con un if(supports opacity) pero estoy buscando una solución de navegador cruzada rápida y fácil, y me imagino que jquery ya tiene una?

Respuesta

11

Usted puede hacer esto utilizando .animate():

.animate({ opacity: 1 }); 

No hay necesidad de comprobar $.support.opacity, que va a utilizar la versión alfa del filtro si es necesario, jQuery normaliza esto internamente. Para que quede claro, esto es compatible con todos los navegadores, incluido IE. You can test it here.

Editar: releer su pregunta parece que estos estilos pueden estar en la hoja de estilo, no se establece por .css(), en cuyo caso sólo tiene que añadir un zoom: 1 para IE a desaparecer correctamente, you can view a demo of that here. Puedes ver cómo las agallas funcionan here.

+0

sangriento, es decir, con el zoom: 1 arreglo, lo tengo decolorado brillante, pero cuando se trata de descansar en Alpha 100 ¡de repente se ve horrible! Debe ser algo relacionado con el alfa de IE y el uso de la imagen png transparente. bueno, creo que esto puede ser un embellecimiento, es decir, los usuarios pueden ir sin (por ahora)! gracias por tu ayuda – Haroldo

2

Puede ajustar la opacidad usando css luego comenzar la fadeIn

P. ej

yourElement.css('opacity', .1).fadeIn(); 
3
time = 1000; // time in ms to fade from 0.1 to 1 
$("#id").fadeTo(0, 0.1).fadeTo(time, 1) 
+0

FYI .. 'fadeTo' con duración de 0 es lo mismo que llamar' css ('opacity', ...) 'directamente. Ver [documentación] (http://api.jquery.com/fadeTo) – Matt

+0

Ah. buen punto :) Vota tu respuesta. – Dogbert