小编Loc*_*ive的帖子

如何在缩小时停止移动背景？

当浏览器处于100%时,后方图像非常棒.即使缩小50%,他们仍然可以.但是当你继续缩小到25%时,背景图像位置会坍塌或"隐藏",我希望图像的背景位置:中心顶部保持完整,无论最小化还是最大化.

我附上了一个例子:

http://i65.tinypic.com/k1e54z.jpg

您还可以访问www.medshopandbeyond.com并在浏览器中缩小以查看发生的情况.[顺便说一句:我知道照片中的语法错误:)]

唯一一个足够接近我想要的是背景尺寸:但是如果设置为此图像,则包含图像不再是从屏幕到屏幕的全宽度

#header-image4 {
  
    background-image:url("{{ 'old-friends-555527_19201.jpg' | asset_url }}"); 
    height: 750px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -50px;
    background-size: cover;
    width: 100%;
    margin-top: -10px;
    
}

Run Code Online (Sandbox Code Playgroud)