Hola muy buenas,
Vengo con la siguiente pregunta, ¿Cómo puedo hacer que en un dispositivo móvil la imagen que tengo como fondo cambie o se adapte? Es que ya lo he intentado yo pero no funciona :/
Los códigos que tengo son los siguientes:
HTML:
<!-- Fondo Parte Scroll -->
<style>
body {
background-image: url(images/bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
</style>
<!-- Termina Parte Scroll -->
CSS:
@media only screen and (max-width: 766px) {
body {
background-image: url(images/bg2.jpg);
}
}
Cabe decir que el fondo del que hablo es uno que hice que fuera un fondo "estático" en la parte superior de inicio de la pantalla, que al navegar hacía abajo esté se cubre por el resto de la página.
El sitio web es: arturopruebas.xyz para que puedan ver el ejemplo del que hablo si gustan
De paso preguntar si alguien sabría como hacer que un buscador pudiera funcionar ? tengo uno en el sitio web pero aun estoy en proceso de hacerlo funcionar, gracias