Как скрыть определенную часть дива?

Question

[zeni1agent]

Я пытаюсь сделать так что бы див test1 оставался на месте в то время как test2 нужно свободно перемещать по странице
и скрывал все что за ним

.test2{
position:absolute;  
background: #ff0000; 
top: 10px;
left: 50px;
width: 40px;
height: 40px;
transform: translate(0%,   10px);
overflow: hidden;
}
.test1{
background: #314288;
position:absolute;
top:  0px;
left: 0px;
width: 140px;
height: 100px;
}

<div class="test2"> 
     <div class="test1">Texst</div>
	</div>

Comments

[ma4t]

где свойства для test1? У Вас какой-то title1

Answer 1

[ma4t]

Заголовок не понятен, написано скрывать определенную часть дива, а в описание скрывать все, что за блоком , который перемещается.
Если надо сделать элемент по глубине "ближе" других то используется z-index
https://webref.ru/css/z-index