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.