身体形象留在主要容器

时间:2012-10-14 20:33:34

标签: html css background-image

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

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

visual reference of background-image and container area of website

1 个答案:

答案 0 :(得分:2)

试试这个:

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

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