마우스 클릭 위치를 기반으로 한 롤오버 팝업

Question

마우스 클릭 위치를 기반으로 롤오버 팝업이 필요합니다. (이 경우 상대적으로 하나의 CSS 절대 위치 지정 div를 사용할 수 없습니다. 오버플로 : 레이아웃 목적으로 숨김)

그래서 이것을 사용할 수 없습니다.

<div class="wrapper"> 
    <ul class="popup"><li> item 1</li><li> item 2</li></ul> 
    <img src="someImg.gif" width="100" height="100"/> 
</div> 

.wrapper { 
    position: relative; 
} 

.popup { 
    display: none; 
    position: absolute; 
    bottom: 105px; 
    left: 10px; 
} 

.wrapper:hover .popup { 
    display: block; 
} 

그래서 나는 마우스 커서의 위치를 ​​기반으로 뭔가를 얻을 수 있으며, 그것은 완전히 액체해야한다 (어떤 고정 "픽셀"값 브라우저 크기를 조정으로 조정해야합니다)

감사합니다 .

Answer 1

우물은 팝업의 자르기를 방지하는 올바른 방법입니다. 1000+ 값의 클래스 Z- 색인을 제공합니다. 클래스 래퍼 Z- 색인보다 작거나 -1 값