layered css -如何限制第二层的背景

Question

http://fiddle.jshell.net/v5sc9/

我试图在页面右侧结束之前结束大约10px的白色。我已经尝试了一些方法，但由于层次的原因，我不确定如何使其工作。帮助?

Answer 1

不需要让它变得复杂：

在覆盖图上：

margin-right: 20px

由于左侧的10px偏移，20px而不是10px。

在代码方面，去掉left: 10px，用margin: 0 10px代替margin-right: 20px看起来会更好。

Answer 2

#background {
    background-repeat:repeat-x;
    position:relative;
    z-index:1;

}
#overlay {
    position:relative;
    top:-100px;
    margin-right:20px;
    left:10px;
    z-index:10;
    background-color:#FFFFFF;
}​

Answer 3

你可以用基于百分比的“宽度”和“左”来做。我已经修改了你的例子，容器现在有了相等的边距(不是10px的困难)：

http://fiddle.jshell.net/3bbg8/