如何發生的背景圖像到div與填充

頂在HTML中我有這個代碼如何發生的背景圖像到div與填充

<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 ...在頁面的頂部...我如何將它放在標題的頂部？

來源

2011-10-03 Chuck Norris

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

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

或使用background-position CSS屬性。

來源

2011-10-03 07:43:21 Samich

這是最乾淨的方式嗎？ –

使用純CSS - 是的:)。如果我理解正確：您需要將您的bg圖像移動到50px，而不是頂部，對嗎？ – Samich

是的，你是對的... –

如何發生的背景圖像到div與填充

回答

相關問題