Как определить порядок наложения CSS?

Question

Как я могу поставить коробку1 за коробкой2?

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

Answer 1

Это должно работать:

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

Answer 2

Попробуйте использовать Z-индекс свойства.

Свойство z-index указывает порядок стека элемента.

Элемент с большим порядком стека всегда находится перед элементом с более низким порядком стека.

Примечание: индекс z работает только с расположенными элементами (позиция: абсолютная, позиция: относительная или фиксированная позиция).

См следующее:

• г-индекс позиционирования: z-index positioning
• CSS Positioning: CSS Positioning

Answer 3

Вы должны определить положение "TOP"

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