职位不按百分比工作

Question

我正在尝试创建一个盒子，它从它的背景上方和底部延伸，并且也可以扩展以容纳更小的段落。

我尝试创建了2个重叠的DIV，一个包含背景，另一个包含内容，我使用background-size: 100% 90%缩短了背景，并尝试使用top: -5%将内容div移到顶部，但是它不起作用。

http://jsfiddle.net/alokjain_lucky/nzM4Y/

如果我将位置更改为top:-10px它可以正常工作，但当内容增加时，它在顶部和底部都不会保持相同。

Answer 1

尝试在背景图片中从顶部添加50％，其余代码也可以。

背景：网址（http://staging.xhtml-lab.com/gray-bg.gif）0 50％不重复;

它会起作用:)）

例如：

#landing-bg {
    background:url(http://staging.xhtml-lab.com/gray-bg.gif) 0 50% no-repeat;
    position:relative;
    background-size: 100% 90%;
    margin-top:10%;
}