Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/03/2011, 18:59
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 6 meses
Puntos: 269
Respuesta: jquery: efecto fade en internet explorer

Hola cherivera, gracias por responder, ahi va el código.

Código HTML:
Ver original
  1. <!--tengo una imagen-->
  2. <img id="bg_body_index" src="imagenes/bg_body.png" alt="" width="640" height="482"/>
  3. <!--e inmediatamente abajo de ella (en el body) escribo lo siguiente:-->
  4. <script type="text/javascript">$("#bg_body_index").fadeIn(2000);</script>

Aclarar que persiste el defecto aún cambiando esto:
Código HTML:
Ver original
  1. <img id="bg_body_index" src="imagenes/bg_body.png" alt="" width="640" height="482"/>
por esto:
Código HTML:
Ver original
  1. <div id="bg_body_index"></div>
Código CSS:
Ver original
  1. #bg_body_index{
  2. position:absolute; top:0; left:0;
  3. width:640px;
  4. height:482px;
  5. background:url('imagenes/bg_body.png') no-repeat 0 0;
  6. }
O sea, capa con background o etiqueta de imagen anda mal igual.

Saludos.

edito:
aquí puedes ver una captura de como se ve el color negro de fondo cuando hacemos fade in y out en un hover alternando dos imagenes png fondo transparente


aquí las imagenes reales:
imagen

imagen en hover

Última edición por cristian_cena; 07/03/2011 a las 19:07