我正在尝试制作一个有背景图像的移动div。现在,这个div有一个overflow: hidden
。我制作了两个包含相同图像的图像标签。第一个是带grayscale(100%)
的背景墙纸,第二个是div内部,隐藏溢出。
现在,在jquery
我放置了mousemove
事件,以便移动我的div,其中包含图像(div的id为'#color_peek')。但是里面的图像不应该移动,好像给它一个彩色放大镜那种效果。
我的问题是overflow: hidden
无效。
这是jsFiddle: http://jsfiddle.net/75yQm/
答案 0 :(得分:0)
尝试使用background: url('image_url') fixed;
作为放大镜元素。
我提供了一个简单的示例,您应该能够开发解决方案: http://jsfiddle.net/5B8cX/2/