如何正确缩放背景图像

时间:2018-05-05 11:44:39

标签: css css3

我有一张8192x8192图片,应该用作背景图片。它显示的是图像,但只有一半,我不知道如何正确地缩放高度。

我的CSS代码:

body {
background: url('../img/atlas.png') no-repeat;
background-size: cover;
height: 100%;
width: 100%;}

1 个答案:

答案 0 :(得分:0)

是您想要的吗?

body {
  background: url(https://source.unsplash.com/IvfoDk30JnI/1500x1000) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}