Переполнение Скрытое на Moving Div Не работает

Question

Я пытаюсь сделать движущийся div, в котором есть фоновое изображение. Теперь этот div имеет overflow: hidden. Я создал два тега изображений, содержащих одно и то же изображение. Первый - фоновый рисунок с grayscale(100%), а второй - внутри div с переполнением скрытого.

Теперь, в jquery, я помещаю событие mousemove, чтобы переместить мой div, у которого есть изображение внутри (идентификатор div - #color_peek). Но изображение внутри не должно двигаться, как будто для того, чтобы придать ему эффект цветного увеличительного стекла.

Моя проблема в том, что overflow: hidden не работает.

Вот jsFiddle: http://jsfiddle.net/75yQm/

Answer 1

Попробуйте использовать background: url('image_url') fixed; для magnyfying стеклянного элемента.

Я представил простой пример, на вершине которой вы должны быть в состоянии развить свое решение: http://jsfiddle.net/5B8cX/2/