Después de tanto batallar pudimos encontrar la contestación de esta incógnita que algunos de nuestros lectores de este espacio han presentado. Si tienes algo más que compartir puedes aportar tu información.
Ejemplo 1: establecer css de pantalla completa de imagen de fondo
#mainBackgroundwidth:100%;height:100%;max-height:100%;margin:0;padding:0;background-image:url("https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");background-size:100%100%;background-repeat: no-repeat;html, bodyheight:100%;margin:0;padding:0;
Ejemplo 2: imagen de fondo css en pantalla completa con capacidad de respuesta
htmlbackground:url(images/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
Ejemplo 3: cómo cubrir la imagen completa en CSS
bodybackground-position: center;background-repeat: no-repeat;background-size: cover;
Ejemplo 4: imagen de fondo html ajustada a la pantalla
bodybackground-position: center;background-repeat: no-repeat;background-size: contain;
valoraciones y reseñas
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)