如何正確定義背景上的.overlay類的高度？

Question

這是驅動堅果。我有一個覆蓋類（.color-overlay），它可以在主滑塊上正常工作。但我無法讓它在聯繫人部分工作。如果我設置了類「的位置是：絕對」它確實在接觸部分工作，但隨後的高度和z指數得到弄糟

http://clients.fariadesign.com/effiebourne/#contact-area

任何幫助將是非常讚賞！ 謝謝！

Answer 1

快速修復我的開發人員工具進行測試：添加以下的CSS：

section#contact-area{ 
    position:relative; 
} 

和

div.color-overlay{ 
    position:absolute; 
} 

和

#contact-area .container { 
    position: relative; 
} 

注意：如果你想要一個元素爲position：absolute在另一個元素內，容器必須是位置：相對。否則它將是絕對的窗口。 同樣如果你想使用Z-index：你必須將元素設置爲position：relative/absolute/fixed

Answer 2

如果您將position: absolute添加到.color-overlay，只需將position: relative添加到#contact-area。像這樣.color-overlay將保留在#contact-area。我不但是看到有任何搞砸了Z-指標