Foros del Web » Creando para Internet » CSS »

Uso de Gif animado al fondo con hover

Estas en el tema de Uso de Gif animado al fondo con hover en el foro de CSS en Foros del Web. Saludos, este es mi primer post. Al grano, estoy empezando en esto del desarrollo web y tengo una barra de menús en la página que ...
  #1 (permalink)  
Antiguo 28/06/2007, 13:43
 
Fecha de Ingreso: junio-2007
Mensajes: 8
Antigüedad: 10 años, 5 meses
Puntos: 0
Uso de Gif animado al fondo con hover

Saludos, este es mi primer post.
Al grano, estoy empezando en esto del desarrollo web y tengo una barra de menús en la página que estoy haciendo con enlaces en <UL>. La duda es por qué cuando pongo un gif animado de fundido en el background del <LI> para que se active con :hover. Cuando le doy a visualizar en el navegador funciona, pero cuando pincho en cualquier enlace ya no vuelve a activar bien la animación, simplemente se vá al ultimo fotograma del gif.

Aquí os pongo el html
Código:
<ul id="pestañas">
       <li id="pmira"><a href="mira.html" title="presentación">MIRA</a></li>
	   <li id="pbodas"><a href="bodas.html" title="bodas" >BODAS</a></li>
	   <li id="preportajes"><a href="reportajes.html" title="reportajes" >REPORTAJES</a></li>
	   <li id="pimagen"><a href="imagen.html" title="imagen corporativa" >IMAGEN CORPORATIVA</a></li>
	   <li id="pobjetos"><a href="objetos.html" title="objetos personalizados">OBJETOS PERSONALIZADOS</a></li>
	   <li id="pwebs"><a href="webs.html" title="webs amigas">WEBS AMIGAS</a></li>
	   <li id="pcontacto"><a href="contacto.html" title"contacto">CONTACTO</a></li>
	 </ul>
y el css usado
Código:
li:hover{background: url(../images/transicion.gif) repeat #000;}
Pensé en los gif animados para los fondos porque bastante tengo con aprender xhtml y css como pa ponerme ya a empollar Js o Flash. Además flash
casi todo el mundo lo pone a parir por tener que cargar plug-ins, accesibilidad y ser propietario (mi profesor el primero).

De antemano MUCHAS GRACIAS y siento que me haya quedado tan tocho.

Última edición por mr_estufo; 28/06/2007 a las 13:57
  #2 (permalink)  
Antiguo 28/06/2007, 14:25
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Uso de Gif animado al fondo con hover

Prueba a poner, además del hover, visited y active así:
li: hover
li: visited
li: active
No sé si está bien, no lo he probado, pero igual funciona.
Saludos
  #3 (permalink)  
Antiguo 29/06/2007, 03:46
 
Fecha de Ingreso: junio-2007
Mensajes: 8
Antigüedad: 10 años, 5 meses
Puntos: 0
Uso de Gif animado al fondo con hover

Lo he probado y no he conseguido nada. También he provado a meter un spam dentro del enlace y darle la clase a el pero me sigue fallando =.
Lo que más me preocupa es que cuando lo visualizo por primera vez funciona el efecto pero al cambiar a otra página a veces va y a veces no.
Gracias =mente por responder
  #4 (permalink)  
Antiguo 29/06/2007, 04:43
 
Fecha de Ingreso: noviembre-2002
Ubicación: Cerca de todo, lejos de la nada.
Mensajes: 82
Antigüedad: 15 años
Puntos: 0
Re: Uso de Gif animado al fondo con hover

Oye, prueba a hacer lo que quieres utilizando la etiqueta a en vez del li, pues los enlaces se controlan con a y no con li.
a:hover
a:visited
a:active

Ojalá te sirva
  #5 (permalink)  
Antiguo 29/06/2007, 05:30
 
Fecha de Ingreso: junio-2007
Mensajes: 8
Antigüedad: 10 años, 5 meses
Puntos: 0
Uso de Gif animado al fondo con hover

Probé tambien con <a> y el problema es el mismo. El fondo al ser animado en lugar de estático funciona al principio pero luego cuando le da por ahí deja de funcionar.

Truco del dia la biblioteca de Dean Edwards IE7, te permite hover sobre cualquier etiqueta además de la <a> en los explorers 5.5 y 6, además de min-widht min-height y muchas más sorpresas

Gracias por contestar. Sigo buscando, si lo encuentro lo publico.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 20:45.