
Reemplazar imagen con otra al achicar pantalla CSS
Publicado por juan (2 intervenciones) el 23/12/2015 16:01:21
Hola a todos, les explico mi problema:
En una web responsive tengo una imagen con un logo muy grande, y necesito que al achicar la pantalla (o en una pantalla de tablet - smartphone) la imagen en cuestión se cambie por otra, esto se puede hacer desde css??
Mi idea es mas o menos así:
Obviamente, este método no funciona, que puedo hacer?
Muchas gracias!!
En una web responsive tengo una imagen con un logo muy grande, y necesito que al achicar la pantalla (o en una pantalla de tablet - smartphone) la imagen en cuestión se cambie por otra, esto se puede hacer desde css??
Mi idea es mas o menos así:
1
2
3
4
5
6
@media screen and (max-width: 500px){
.foto_logo{
background:url(logo2.png);
width:100%;
height: auto;
}
Obviamente, este método no funciona, que puedo hacer?
Muchas gracias!!
Valora esta pregunta


0