图像以<div>？</div>为中心

Question

我正在使用javascript / html中的500px乘400px“div”，我希望将一个750px乘600px的图像（在photoshop中制作）放在它后面作为边界。任何人都可以指出我正确的方向来实现这一目标吗？

Answer 1

有一个容器div，其位置为：relative;这是图像的大小，图像作为背景，并将较小的div绝对置于顶部（使用顶部和左侧css属性居中）。应该做的伎俩。

干杯！

Answer 2

据我所知，你希望图像显示在较小的div周围。你也可以删除内部的白色bg让它显示出来。

http://jsfiddle.net/XJLTG/2/

#wrap{
    width: 550px;
    padding: 100px;
    background: url(http://example.com/img.png);
}

#inner{
    width: 500px;
    height: 400px;
    background: white /*whatever you want*/;
    margin: 0 auto;
}

<div id="wrap">
    <div id="inner">
    </div>
</div>