我需要一个div来显示另一个图像中的部分(即它在z顺序下)。换句话说,当我的div位于特定位置时,只有直接位于div下面的背景图像部分应该是可见的(并且应该隐藏图像中的其他所有内容)。显示另一个图像的div
我做了一个GIF动画,以便更好地说明这个问题: http://whattaclick.com/illustrate.gif
编辑:嗯..的GIF看来,除非首先保存在计算机上启动仅适用于Chrome动画,用Firefox它不会工作。
关于什么是好方法的任何想法?我首先想到使用css剪辑来隐藏背景图片,但保持手动插入剪辑值有很多工作要做。如果我能以某种方式告诉浏览器隐藏除div的内部区域之外的所有内容,那将会更容易一些。
不相关,但非常好的gif那里。 :d。值得整个解释。一张价值千言万语的图片。值得+1的动画图片。 :) –
也可以使用背景位置。想要显示z-index的范围可能是背景位置的背景克隆。只是一个想法。 ;) –