2012-01-21 26 views
0

嘿家伙可能是一个n00b的问题,但我想有两个不同的颜色div垂直对齐的背景,他们的宽度是100%,身高是什么,我们会说300px为简单的缘故。然后我想要将一个div与其他两个div重叠。有什么建议?干杯重叠在两个背景div的中心div?`

+0

什么??????????? – mowwwalker

+0

我想要两个div的页面宽度(100%),并且它们都会彼此重叠。然后我想要有一个div,它位于其他两个div的顶部。 LOL对不起,我感到困惑 – ImmortalKING

+0

两个div如何相互叠加?为什么第三个div会重叠这两个?第一个将被第二个和第三个隐藏。 – mowwwalker

回答

2

是这样的吗?您没有提供任何规格,因此很难说出哪些属性可以硬编码,哪些不可以。但是这应该让你开始。

http://jsfiddle.net/PWwQM/1/

#overlay { 
    border: 1px solid black; 
    background: yellow; 
    width: 400px; 
    left: 50%; 
    top: 75px; 
    margin-left: -200px; 
    height: 300px; 
    position: absolute; 
} 
+0

谢谢你,你是男人Mrtsherman! – ImmortalKING

+0

嘿,它非常有效,但“margin-left:-200px;让我难住,为什么需要这样做? – ImmortalKING

+0

@ImmortalKING你设置左边:50%将div放到页面中间,但你需要它的宽度被一个负值所抵消,覆盖层的宽度是'400',所以必须设置'400/2'的负边距 – mrtsherman