DIV 图像背景溢出

你可以做出一种替代方法：

#box {

 margin:-50px 0 0;

 padding:50px 0 0 0;

 background:url//images/image.png/ no-repeat;

}

将背景放大

<div>

, 其中包含你的

<div>

.
</div>
<div class="answer_text">
这很可能 CSS3. 我遇到了这篇文章，试图自己做到，发现我能做到。

这是我使用的代码：

#page

{

 width:1024px;

 height:662px;

 padding:0 58px 105px 58px;

 background-image:url/../images/milk_splash.png/, url/../images/content_back.png/;

 background-size: 1082px 767px, 1024px 662px;

 background-origin:padding-box, content-box;

 background-repeat:no-repeat, no-repeat;

 background-position:top left, top left;

}

您的图像将按照您发布的顺序定位。 你的缩进是DIV的大小的差异。

我发现了它，只需分享它。 不会工作 IE &lt;9.
</div>
</div>

这很可能 CSS3. 我遇到了这篇文章，试图自己做到，发现我能做到。

这是我使用的代码：

#page

{

 width:1024px;

 height:662px;

 padding:0 58px 105px 58px;

 background-image:url/../images/milk_splash.png/, url/../images/content_back.png/;

 background-size: 1082px 767px, 1024px 662px;

 background-origin:padding-box, content-box;

 background-repeat:no-repeat, no-repeat;

 background-position:top left, top left;

}

您的图像将按照您发布的顺序定位。 你的缩进是DIV的大小的差异。

我发现了它，只需分享它。 不会工作 IE <9.