背景中心没有滚动

Question

我想将图像作为背景，我也应用

background-size:cover

表示无滚动。问题是，当我以不同的分辨率查看页面时，整个图片（全宽）显示而不是中心部分（蓝色边框区域），是否有任何可能的方法可以将图像设置为背景而不滚动和图像将保持中心对齐。

这张图片可能更具体地描述了我想要问的内容。我只想在任何分辨率下修复此图像，但蓝色边框区域必须保持中心对齐，

Answer 1

您可以将background-position: center center与background-size: cover合并。

Answer 2

使用：

overflow: hidden;
  max-width: 1200px; // change the width

并添加到后台：

no-repeat 50% 0;