2012-05-20 95 views
2

我需要一个div来显示另一个图像中的部分(即它在z顺序下)。换句话说,当我的div位于特定位置时,只有直接位于div下面的背景图像部分应该是可见的(并且应该隐藏图像中的其他所有内容)。显示另一个图像的div

我做了一个GIF动画,以便更好地说明这个问题: http://whattaclick.com/illustrate.gif
编辑:嗯..的GIF看来,除非首先保存在计算机上启动仅适用于Chrome动画,用Firefox它不会工作。

关于什么是好方法的任何想法?我首先想到使用css剪辑来隐藏背景图片,但保持手动插入剪辑值有很多工作要做。如果我能以某种方式告诉浏览器隐藏除div的内部区域之外的所有内容,那将会更容易一些。

+0

不相关,但非常好的gif那里。 :d。值得整个解释。一张价值千言万语的图片。值得+1的动画图片。 :) –

+0

也可以使用背景位置。想要显示z-index的范围可能是背景位置的背景克隆。只是一个想法。 ;) –

回答

0

这一个应该这样做。

Image Area Select

+0

http://sixrevisions.com/resources/14-jquery-plugins-for-working-with-images/ – Jawad

+0

嗨,谢谢你的回复!这个插件可以使用div作为裁剪边界,还是必须定义坐标?如果我需要坐标,那么我不知道为什么插件会比只是一个CSS剪辑属性更好.. –

+0

我不确定。但在我的评论链接,第9号,PanView似乎使用div的。 Myslef我使用http://www.mind-projects.it/projects/jqzoom/ – Jawad

相关问题