如何使用填充将背景图像放置在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;
}

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

Answer 1

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

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

或使用background-position css属性。