如何发生的背景图像到div与填充

Question

顶在HTML中我有这个代码

<div class="page"> 
     <div id="header"> 
      ... 
     </div> 
</div> 

这里是我的CSS

.page { 
    width: 1028px; 
    background-color:#103250; 
    margin-left: auto; 
    margin-right: auto; 
} 

#header 
{ 
    background:url('/Img/SubpageBox1.png') no-repeat top; 
    height:150px; 
    padding-top:50px; 
} 

但现在我的背景图像被放置out of div ...在页面的顶部...我如何将它放在标题的顶部？

Answer 1

您可以指定背景图像的位置：

background:url('/Img/SubpageBox1.png') no-repeat center 50px; 

或使用background-position CSS属性。