El html:
Código HTML :
<ul class="fade"> <li class="rss"> <a href="rss/noticias.php" type="application/rss+xml"> <span class="rollover"></span> <img src="img/rss.png" alt="Canal de Noticias RSS"> </a> </li> </ul>El css:
Código HTML :
.rss{background-image:url(../img/rss.png);} li.rss a{width:25px;height:25px;} li.rss a .rollover{width:25px;height:25px;background-image:url(../img/rss.png);background-position:-25px 0px;}El js:
Código HTML :
$(document).ready(function(){ $(".rollover").css({'opacity':'0'}); $('.fade a').hover( function() { $(this).find('.rollover').stop().fadeTo(300, 1); }, function() { $(this).find('.rollover').stop().fadeTo(300, 0); } ) });He probado con varios script que se supone que solucionan el problema de las transparencias de los pngs pero ninguno me ha funcionado aún. Sólo he logrado algún avance poniéndole un fondo de color al div que contiene la imagen, sin embargo, necesito la transparencia porque está sobre un fondo con formas y colores.
¿Alguna solución que no implique renunciar al fondito que está tras la imagen?
Buena Caza y Largas Lunas.