Hola, tengo un menú horizontal hecho con listas li. El elemento li tiene una imagen de fondo, y dentro del li tengo los enlaces.
Código HTML:
Ver original <li style="margin-left:16px;"> <a href="index.asp">Quién soy
</a> <a href="index.asp">Mis principios
</a> <a href="index.asp">Cómo trabajo
</a> <a href="index.asp">Guía de servicios
</a> <a href="index.asp">Soluciones
</a>
Cuando paso el raton por encima le aplico un efecto mediante jquery
Código Javascript
:
Ver original$('#cuadroMenu li').hover(function() {
$(this).fadeTo("slow", 1);
},
function() {
$(this).fadeTo("Slow", 0.4)
}
);
El caso es que tambien me desvanece el texto del enlace y tan solo quiero desvanecer la imagen. He probado de muchas maneras y buscado, pero no encuentro como acceder a la imagen de fondo del li.
A ver si alguien me puede ayudar. Gracias anticipadas.