Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/02/2011, 00:19
Ciel
 
Fecha de Ingreso: julio-2010
Mensajes: 126
Antigüedad: 11 años, 10 meses
Puntos: 5
Problema con animate, fondo transparente

Hola, resulta que estoy usando este codigo para animar el fondo de un div:

Código Javascript:
Ver original
  1. <script type="text/javascript">  
  2.     $(document).ready(function(){  
  3.         $(".effect").hover(function() {  
  4.                 $(this).stop().animate({ backgroundColor: "#045FB4"}, 800);  
  5.                 },function() {  
  6.                 $(this).stop().animate({ backgroundColor: "transparent" }, 800);  
  7.                 });  
  8.      });  
  9. </script>

La idea es que de entrada el div no tiene ningun fondo, pero al pasar el mouse por ensima se le agrega un color de fondo con la animacion... y cuando deje de posicionar el mouse por ensima, que vuelva a su 'estado natural' (es decir, sin ningun fondo... transparente).

Pero el problema es que no lo deja transparente, lo deja de color blanco...

Otro problema es que al pasar el mouse por ensima del div por primera vez, se pone primero blanco y luego el color deseado...

Alguna solucion? Gracias...

Cualquier cosa me avisan y les muestro un demo.