다른 div 위로 한 div 위로 이동

Question

페이지에 두 개의 div 요소가 있습니다. 하나의 div를 팝업처럼 다른 div 위로 움직일 수있는 방법은 무엇입니까?

Answer 1

position:absolute;을 사용하고 "팝업"이 다른 하나의 경계 내에 위치하도록 설정하십시오. "팝업"div도 작아야합니다.

z-index을 사용하여 다른 팝업 위에 "팝업"을 쌓으십시오 (z-index의 경우 더 높은 값을 지정하십시오).

내부 div가 실제로 다른 것 위에 떠있는 것처럼 보이게하려면 border-right:2px solid black 및 border-bottom:2px solid black과 같은 그림자를 만듭니다.

실제로 팝업/표시/사라지게하려면 일부 스크립트를 사용해야합니다.

Answer 2

는이 같은 CSS의 Z- 색인 속성을 사용

div1 { 
    z-index:1000; 
} 

div2 { 
z-index:1001; 
} 

최고 Z- 색인 요소 위에 표시 될 것이다.

Answer 3

position을 fixed으로 설정하면 사용자가 스크롤해도 표시되는 것으로 보입니다. "top", "left"및 "right"속성을 사용하여 위치를 설정할 수 있습니다. 나는 기본적으로 당신이 요구하는 것을 수행하는 "베타"로고에 사용하는 CSS는 이것이다 :

.fixed{ 
    position:fixed; 
    top:0px; 
    right:0px; 
    width:100px; 
}