hola amigos
tengo esto en mi html para realizar un rollover
Código HTML:
Ver original<div id="caja1"><img src="imagen/tranvia.png" width="112px" height="16px" /></div>
y esto en css
Código CSS:
Ver original#caja1{
width:112px;
height:16px;
float:left;
}
#caja1 img{
width:112px;
height:16px;
float: left;
background-image: url(../imagen/tranvia2.jpg);
}
#caja1 img:hover{
background-image: url(../imagen/tranvia1.jpg);
}
todo funciona perfecto
pero antes de hacer el rollover a caja1 lo habia puesto en porcentajes para que se adecuee a toda pantalla, quise mantenerlo asi pero no se muestra la imagen si lo hago... mi consulta es: como debo trabajar todo esto que tengo en pixeles para pasarlo a porcentaje y se adapte a cualquier pantalla?
gracias