Como definir a ordem de camadas CSS? - css, posição, fixo

Como posso colocar box1 atrás de box2?

<div class="box2">username</div> -> position: fixed;
<div class="box1">logo</div> -> position:relative;

Respostas:

Tente usar a propriedade z-index.

A propriedade z-index especifica a ordem da pilha de um elemento.

Um elemento com maior ordem de empilhamento está sempre na frente de um elemento com uma ordem de pilha menor.

Nota: z-index só funciona em elementos posicionados (posição: absoluta, posição: relativa ou posição: fixa).

Consulte o seguinte:

• posicionamento z-index: posicionamento z-index
• Posicionamento CSS: Posicionamento CSS

Isso deve funcionar:

.box1{z-index:1}
.box2{z-index:2}

Você tem que definir a posição "TOP"

.box2 {position: fixed;  top: 0; }