2012-05-01 6 views
0

divの外にドラッグしたときにオブジェクトが表示されないようにする方法が不思議でした。ここに私の問題のjsfiddle:http://jsfiddle.net/thomaslefeuvre/zAWMX/です。divの外にドラッグしたときにオブジェクトが表示されないようにします

私はオブジェクトがdiv要素の端にドラッグされたときに効果のこの種をachiveたい: http://i.stack.imgur.com/W7f4H.png

私はこの効果はインラインフレームを使用してachivedことができる方法を知っているが、原因私JavaScriptにIドンを必要としますこの方法を使うのが現実的だと思います。また、スクロールバーをコンテナdivに配置したくないことにも注意してください。

これは、z-indexを使用するなどして、CSSで実現する方法はありますか?

私はこれを使って遊んでみましたが、それほど遠くはありませんでした。

答えて

4

オブジェクトがコンテナの領域を超えて移動しているため、#containerにoverflow:hiddenを追加すると便利です。これにより、親要素の制限を超えたコンテンツはすべて非表示になります。あなたの例を更新しました:http://jsfiddle.net/zAWMX/1/

関連する問題