0

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

我不确定我说的是否正确,所以我已经放置了一个视觉作为参考(下)以及我的 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;*/
   }

网站背景图像和容器区域的视觉参考

4

1 回答 1

2

尝试这个:

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

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

于 2012-10-14T21:21:05.360 回答