0

我在背景中有一个居中的图像，但我需要我的主要背景颜色来拉伸图像并保持在中心。

这是身体背景的CSS

body{padding:0; margin:0; background:url(/b.jpg) center 10px no-repeat;}

这是主要背景的CSS

.main{background:#4e4645;}

我试过背景位置和保证金百分比，但没有运气。

4

2 回答 2

1

您可以使用margin: 0 auto将您的.maindiv 在体内居中。然后您需要做的就是将宽度设置.main为等于您身体背景图像的宽度。

.main {
  margin: 0 auto;
  width: 300px;
  background: #4e4645;
}

见演示。

于 2013-02-13T17:33:44.333 回答
0

这是你想要达到的目标吗？

http://jsfiddle.net/aX24s/1/

在示例中，我使用了两种背景颜色，显然替换了图像。我在内部 div 上设置了 50% 的不透明度，以显示它们的大小完全匹配（一个块是亮绿色，一个是红色，所以颜色混合）。

你有两个相同大小的背景，并且完全重叠。

HTML：

<body>
    <div class="outer_div">
        <div class="inner_div">
        </div>
    </div> 
</body>

CSS：

.outer_div {
    width:50px;
    margin:0 auto;
    height:50px;
    background-color:#dd0000;
}

.inner_div {
    background:#00dd00;
    width:100%;
    opacity:0.5;
    height:100%;
}
于 2013-02-13T17:37:29.693 回答