Css 如何设置不带'；不填页

我需要在div的中心位置放置一个图像，如：

我试过的是：

<div id="container">
    ...
</div
<div id="background">
    <img src="images/bg.png"/>
</div>

在我的浏览器中，根据我的屏幕大小，我放了22%，一切正常，但如果我在另一个屏幕上尝试不同大小的背景，img不在div的中心。我该怎么办？有人能帮我吗？

可以使用css，如下所示：

#sample
{
    background:url(bg_apple_little.gif) no-repeat center center;
    height:200px;
    width:200px;
}

&您的div将带有id=“sample”。 高度、宽度可以根据您的要求进行更改。

可以使用css，如下所示：

#sample
{
    background:url(bg_apple_little.gif) no-repeat center center;
    height:200px;
    width:200px;
}

&您的div将带有id=“sample”。 高度、宽度可根据您的要求进行更改。

给出

position:relative;

在container div中，它应该可以工作。。 并且背景div（带有

位置：绝对；

）应该是container div的子级。那么只有您才能获得div重叠属性

position:relative;

在container div中，它应该可以工作。。 并且背景div（带有

位置：绝对；

）应该是container div的子级。那么只有您才能在css3中获得div重叠属性，您可以使用

#container{
背景尺寸：自动；
}

在css3中，您可以使用

#容器{
背景尺寸：自动；
}

正如您在这里看到的，背景图像不能溢出div，但它将只填充自己的居中区域。正如您在这里看到的，背景图像不能溢出div，但它将只填充自己的居中区域。