Hola, tengo varios problemas al cargar unos iconos mediante css.
tengo una barra de navegación vertical de un dashboard en la que al pasar el cursor cambia la imagen a otra versión con otro color para darle el efecto de hover, pero al pasar el cursor se nota por un instante que desaparece la imagen y aparece la otra, tambien me pasa que esas imagenes solo aparecen en chrome, en firefox y explorer no se ven
este es en el html:
Código HTML:
<a href="/"><img id="img1"/><br/>DASHBOARD</a>
y el css:
Código HTML:
#img1 {
content: url('../img/menu/icon__0001s_0002_Dashboar.png');
margin: 0 auto;
}
li:hover #img1 {
content: url('../img/menu/icon__0000s_0002_Dashboar-hover.png');
}