0

我试图找出更多关于 CSS 背景的信息，只是为了体验，我遇到了一些麻烦。我想要两个背景，一个是深灰色（几乎是黑色），然后是一个不透明的白色。如果我使用 posiiton:fixed; 然后我不能设置 margin:auto 使不透明框居中，我只想占据宽度的 65%。一张图值一千字，所以一页一定值一万字。

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:absolute 不起作用，因为如果你必须向下滚动，就不会有不透明的背景。除非我可以用 background-repeat 做点什么：repeat-y; 或类似的东西？

谢谢，托尼。

4

1 回答 1

0

position:fixed can achieve centering by:

margin-left:-32.5%;
width:65%;
left:50%;
position:fixed;
于 2013-09-29T08:38:05.233 回答