css - 职位不按百分比工作

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%;
}