오버 플로우가 움직이는 디비젼에 숨겨져 있습니다.

Question

배경 이미지가있는 움직이는 div를 만들려고합니다. 자,이 div는 overflow: hidden입니다. 동일한 이미지를 포함하는 두 개의 이미지 태그를 만들었습니다. 첫 번째는 grayscale(100%) 인 배경 벽지이고 두 번째 것은 숨겨진 오버플로가있는 div 안에 있습니다.

이제 jquery에서 나는 이미지가있는 내 div를 이동하기 위해 mousemove 이벤트를 넣었습니다 (div의 ID는 '#color_peek'임). 그러나 내부에있는 이미지는 움직이지 않아야합니다. 마치 색상 돋보기 종류의 효과처럼 보입니다.

내 문제는 overflow: hidden이 작동하지 않는다는 것입니다. 여기

는 jsFiddle입니다 : http://jsfiddle.net/75yQm/

Answer 1

은 magnyfying 유리 요소 background: url('image_url') fixed;를 사용해보십시오. http://jsfiddle.net/5B8cX/2/