html - 来自 CSS 的背景图片重复出现

Question

我有一个包含来自 css 的背景图像的 div。根据我的需要，我必须在 77px; 之后显示这个 div 从顶部。所以我添加了 padding- top:77px; 在我的 css 中，但背景图像没有低于或低于 77px；相反，它仅来自顶部并不断重复。如果我添加 background-repeat: no-repeat; 然后它离开 77px; Div 中的空间向下，它再次仅来自顶部..

这是 HTML ..

 <div class="header-wrapper">
 //Header Div
 </div>
 <div id="headerbodyimage" class="headerbody-wrapper">
  //Header body Div
  </div>

这是CSS..

.header-wrapper {
position:fixed;
background: url("../img/new_images/header_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
z-index: 60001;     
width: 100%;
height: 77px;
}

.headerbody-wrapper {
background: url("../img/new_images/banner.jpg");
z-index: 60001; 
padding-top:77px;
width: 960px;
height: 242px;    
margin: 0 auto;
}

请帮帮我..谢谢

Answer 1

使用background-position: 0 77px;