Nuestros mejores desarrolladores agotaron sus reservas de café, investigando a tiempo completo por la solución, hasta que Guillermo halló el hallazgo en Gogs y ahora la compartimos contigo.
Ejemplo 1: ajuste de imagen de fondo css
bodybackground-image:url(images/background.svg);background-size: cover;/* <------ */background-repeat: no-repeat;background-position: center center;/* optional, center the image */
Ejemplo 2: como cubrir la imagen completa en CSS
bodybackground-position: center;background-repeat: no-repeat;background-size: cover;
Ejemplo 3: tamaño de imagen de fondo css
#example1background:url(mountain.jpg);background-repeat: no-repeat;background-size: auto;#example2background:url(mountain.jpg);background-repeat: no-repeat;background-size:300px100px;
Ejemplo 4: cómo ajustar la imagen de fondo en html
/* To make an Image fit the Screen*/METHOD - 1
htmlbackground:url(images/yourImage.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;METHOD - 2
IMP: To make sure that the image covers the whole screen,
you must apply **height: 100%** to both > and >:
body, htmlheight:100%;
Ejemplo 5: ¿cómo se puede establecer el ajuste completo del fondo?
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;
Te invitamos a defender nuestro ensayo ejecutando un comentario o dejando una puntuación te damos la bienvenida.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)