2012-05-20 143 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

相關問題