오버레이 div 요소없이 이동없이 줌

Question

이미지의 엄지 손가락이있는 막대를 이동하지 않고 이미지 확대/축소가 포함 된 div를 오버레이하는 데 도움이 필요합니다.

내가 시도한 것 중 하나는 모든 div에서 z- 인덱스로 재생했지만 작동하도록 만들 수는 없습니다. 그런 다음 확대/축소 컨테이너 div의 너비와 높이를 변경하여 시도했지만 rhe 결과는 컨테이너 높이의 변경으로 인해 아래쪽에있는 엄지 손가락 바가 아래로 이동한다는 것입니다.

여기에 당신이 쓸 수있는 내 시도

http://jsfiddle.net/justelnegro/KU6NU/22/ <--- here's the zoom doesn't appear completely 

http://jsfiddle.net/justelnegro/KU6NU/20/ <--- here's the bottom elements move 

Answer 1

난 당신이 무슨 뜻인지 이해가 안 돼요, 각각의 예는 더 구체적인입니까?

나는 당신에게 제안을 줄 수있다 : 1. div 오버레이가 아닌 엄지 손가락 이미지가 정확하게 들어있는 오버레이 div를 확인해야한다. 2. div가 엄지 손가락을 수용하지 않으면 div 오버레이에 css 코드 (overflow : hidden)를 부여 할 수 있습니다. 3. 엄지 손가락을 div 오버레이 위에 표시하려면 엄지 손가락 div에 z- 색인 : 9999를 넣고 엄지 div보다 작은 오버레이 div에 대해 z- 색인을 설정할 수 있습니다.

달성하려는 목표는 무엇입니까?