0

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

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

iframe を使用してこの効果を実現する方法は知っていますが、JavaScript が必要なため、この方法を使用するのは実用的ではないと思います。また、コンテナ div にスクロール バーを配置したくないことにも注意してください。

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

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

4

1 に答える 1

4

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

于 2012-05-01T17:41:23.023 に答える