Saltar al contenido

Imagen de fondo HTML en pantalla completa sin ejemplo de código CSS

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *