Question

我正在尝试更多地了解CSS背景，仅仅是为了体验，而且我已经有点麻烦了。我希望有2个背景，一个是深灰色（几乎是黑色），然后是一个不透明的白色背景。如果我使用posiiton：fixed;然后我无法设置边距：自动将不透明框置于中心，我只想占据宽度的65％。一张图片胜过千言万语，因此一页必须价值10,000。

www.nashread.com/template2

这是不透明背景的CSS（占65％的那个）

#subbackground
{
    width: 65%;
    height: 100%;
    background-color: #D9D9D9;
    opacity: .2;
    margin:auto;
    position: fixed;
    z-index: 2;
    color:#ffffff;
}

这是坚实的背景：

#background
{
    width:100%;
    height:100%;
    background-color: #1C1C1C;
    z-index: 1;
    position: fixed;
    background-repeat: no-repeat;
    color:#ffffff;
}

基本上我想要重叠背景，一个只占宽度的65％。 position：绝对不起作用，因为那时你必须向下滚动就没有不透明的背景。除非我能用背景重复做一些事情：reapeat-y;或类似的东西？

谢谢，Tony。

Answer 1

position:fixed可以通过以下方式实现居中：

margin-left:-32.5%;
width:65%;
left:50%;
position:fixed;

CSS中的多个纯色背景

1 个答案: