修復重疊元素

Question

我一直在試圖正確放置一個元素到我的頁面，以便它不會阻礙背景，並使它一直對齊。我試圖在this jsfiddle上重新創建場景，但我無法完全重新創建它。

包含很多垃圾，但爲了創建實際頁面的佈局，我不得不包含它。我的問題與.login風格以及它如何與其他元素交互。我試過用position搞砸了，但是我一直沒能達到我想要的結果。

這裏是什麼樣子的問題截圖：

這是我想什麼：

感謝您的幫助！

Answer 1

試試這個

.login { 
    position: absolute; 
    top: 0; // or what you need 
    right: 0; 
    z-index: 1; // i don't know if you need upper value for that 
}