将中心 div 重叠在两个背景 div 上？

Question

嘿，伙计们，这可能是一个难解的问题，但我想要两个不同颜色的 div 垂直对齐背景，它们的宽度为 100%，高度为任意值，为了简单起见，我们会说 300px。然后我想将一个与其他两个 div 重叠的 div 居中。有什么建议吗？干杯

Answer 1

像这样的东西吗？您没有提供任何规范，因此很难判断哪些属性可以硬编码，哪些属性不能。但这应该让你开始。

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