修复重叠元素

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 
}