swarupa
swarupa
Programming language:CSS
2021-05-12 10:54:41
0
Q:

cover background image css

SonOfPingu
SonOfPingu
Code: CSS
2021-01-20 07:46:55 
body, html {
  height: 100%;
}

.bg {
  /* The image used */
  background-image: url("img_girl.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
1
Shaun Wild
Shaun Wild
Code: CSS
2021-02-08 17:20:53 
html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
0
Claire
Claire
Code: CSS
2021-01-22 22:52:20 
/* One way */
background-size: cover;

/* Other option */
background-size: contain;
1
Melissa
Melissa
Code: CSS
2021-01-31 16:24:09 
background-size: 100px 50px; /* 100px wide, 50px tall */
9

Tags

Related

New to Communities?

Join the community