Css 背景图片封面不适用于高分辨率

Question

所以我正在使用典型的背景封面css代码

-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: left top; 
  background-repeat: repeat;
  background-attachment: scroll;

大部分时间都有效，除非我调整 window 的大小，使其高度大于宽度，然后就会发生这种情况（我的理解是将大小设置为覆盖，它只会使图像更高，不是在它下面创建一个白色 space)

Answer 1

尝试删除

background-attachment: scroll;

并添加

background-attachment: fixed; background-position: left top !important;.

希望对您有所帮助。

Css 背景图片封面不适用于高分辨率

Css background image cover doesnt work with tall resolution

css

background-image