jquery draggable 이벤트 부여했는데 z-index때문에 작동안되는 문제
본문
빨간 동그라미 HTML이 빨간네모 박스 div입니다.
여기에다가 jquery draggable 이벤트를 부여하고 마우스 드레그 하면 작동은 잘 됩니다.
문제는 파란 4개 박스 인데요.
이 div는 빨간 div하고 겹친 상태(top, left 거의 동일)이며 position: absolute 상태입니다.
그러나 div 파란색은 어쩔수없이 꼭 z-index 100을 부여해야 합니다. 이로인해 빨간 div보다 z-index가 높으니 jquery draggable 작동이 안되네요.
아무리 z-index가 낮아도 jquery draggable 작동되는 방법은 없나요?
답변 3
둘다 position이 absolute이고 z-index가 파란색이 더 높다면 해결방법이 없을것 같네요.
어떤 기능이 필요한건지.. 또 왜 파란색은 꼭 z-index를 100으로 해야 하는지를 몰라서
답변을 드리기 어렵겠네요.
그냥 파랭이 빨갱이 상위 노드에 이벤트 주면 안되나요? 상위 노드가 광범위 하다면 div하나 더 맹글어주고요.
해결 : pointer-events: none;
답변을 작성하시기 전에 로그인 해주세요.
