Изображение в центре позади <div>?

Question

Я работаю с "div" размером 500 на 400 пикселей в javascript / html, и я хочу разместить изображение размером 750 на 600 пикселей (сделанное в фотошопе), центрированное позади него в качестве границы вида.Кто-нибудь может указать мне правильное направление для достижения этой цели?

Answer 1

Как я понял, вы хотите, чтобы изображение показывалось вокруг меньшего div.Вы также можете удалить белый фон внутри, чтобы он просвечивал.

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>

Answer 2

Иметь контейнер div с положением: относительный;это размер изображения с изображением в качестве фона и поместите меньший div абсолютно поверх него (центрируйте его, используя свойства top и left css).Должен сделать трюк.

Ура!