我需要一個div來顯示另一個圖像中的部分(即它在z順序下)。換句話說,當我的div位於特定位置時,只有直接位於div下面的背景圖像部分應該是可見的(並且應該隱藏圖像中的其他所有內容)。顯示另一個圖像的div
我做了一個GIF動畫,以便更好地說明這個問題: http://whattaclick.com/illustrate.gif
編輯:嗯..的GIF看來,除非首先保存在計算機上啓動僅適用於Chrome動畫,用Firefox它不會工作。
關於什麼是好方法的任何想法?我首先想到使用css剪輯來隱藏背景圖片,但保持手動插入剪輯值有很多工作要做。如果我能以某種方式告訴瀏覽器隱藏除div的內部區域之外的所有內容,那將會更容易一些。
不相關,但非常好的gif那裏。 :d。值得整個解釋。一張價值千言萬語的圖片。值得+1的動畫圖片。 :) –
也可以使用背景位置。想要顯示z-index的範圍可能是背景位置的背景克隆。只是一個想法。 ;) –