移动Div上隐藏的溢出不起作用

时间:2013-10-02 09:25:00

标签: jquery html css overflow grayscale

我正在尝试制作一个有背景图像的移动div。现在,这个div有一个overflow: hidden。我制作了两个包含相同图像的图像标签。第一个是带grayscale(100%)的背景墙纸,第二个是div内部,隐藏溢出。

现在,在jquery我放置了mousemove事件,以便移动我的div,其中包含图像(div的id为'#color_peek')。但是里面的图像不应该移动,好像给它一个彩色放大镜那种效果。

我的问题是overflow: hidden无效。

这是jsFiddle: http://jsfiddle.net/75yQm/

1 个答案:

答案 0 :(得分:0)

尝试使用background: url('image_url') fixed;作为放大镜元素。

我提供了一个简单的示例,您应该能够开发解决方案: http://jsfiddle.net/5B8cX/2/