Переполнение скрыто при перемещении Div не работает

Question

Переполнение скрыто при перемещении Div не работает

0

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

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

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

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

Adifyr 02 окт. 2013, в 11:55

Источник

0

Проблема не в перемещении div, которое вы можете проверить, избавившись от js. Это с position: fixed Это работает (но не так, как вы хотите), когда вы снимаете эти
Anthony 02 окт. 2013, в 09:38

Теги:

jquery

html

css

overflow

grayscale

1 ответ

Ещё вопросы

Проблема не в перемещении div, которое вы можете проверить, избавившись от js. Это с position: fixed Это работает (но не так, как вы хотите), когда вы снимаете эти

Michał Rybak · Accepted Answer · 2013-10-02T06-46-00.000Z

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

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

эй, что ты знаешь! оно работает! Спасибо, приятель!