jQuery 테두리 레이아웃 위에 Div 팝업이 있습니다.

Question

저는 테두리 레이아웃이 있습니다. 어떤 링크를 클릭하면 Div 팝업을 열려고합니다.

문제는 화면에 div 팝업이 표시되지 않는다는 것입니다.

다음은 div 팝업의 스타일입니다.

.divclose { 
    color:#993300; 
    text-decoration:none; 
    float:right; 
} 

.divbody { 
    width:70%; 
    padding:5px; 
    border:2px solid #EFEFEF; 
    background-color:#FEFEFE; 
} 

div 팝업을 화면에 표시하려면 CSS를 수정해야합니까?

Answer 1

div 레이어를 팝업으로 사용할 때 z- 색인을 설정해야합니다. 이 코드를 사용해보십시오

* { 
    z-index: 1; 
} 

.divclose { 
    color: #993300; 
    text-decoration: none; 
    float: right; 
    z-index: 2; 
} 

.divbody { 
    width: 70%; 
    padding: 5px; 
    border: 2px solid #EFEFEF; 
    background-color: #FEFEFE; 
    z-index: 2; 
}