html - 身体形象与主容器保持一致

Question

我想将背景图像（下图中的圆圈）添加到我正在处理的网站的正文中，我需要图像与容器保持齐平（下图中的白色中心带有绿色和红色横幅），以便即使浏览器最大化或最小化，图像也会保持与容器齐平。

我不确定我说的是否正确，所以我已经放置了一个视觉作为参考（下）以及我的 CSS 代码（下）。

html, body{height: 100%;}

body{ 
    background: #e5e5e5 url('../img/body_bck_lrg.gif') no-repeat -290px 190px fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background-size: contain;
    background-origin: border-box;*/
   }

Answer 1

尝试这个：

body{ 
    background: #e5e5e5 url('../img/body_bck_lrg.gif') center top no-repeat;
}

这应该将背景粘贴到屏幕的中心顶部，如果屏幕分辨率太大，其余空间将填充 #e5e5e5。