Как покрыть полное изображение в CSS
body {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
abdullah
body {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}#example1 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: auto;
}
#example2 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: 300px 100px;
}body {
background-image: url("img_tree.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size: contain;
}Background Size is Responsible for Setting a Background picutre in a given
Contaiener in which you apply that special Background
/* This will make width as static and height as auto */
/* These three are quite same */
background-size: 100vw auto;
background-size: 100%;
background-size: cover;
/* for getting full width and height every time */
background-size: 100vw 100vh;