-1

私はここに jsfiddle を持っています - http://jsfiddle.net/az47U/3/ - Gallery div と Canvas div の両方が体に座っています。両方の div は絶対位置にあるため、体の高さには影響しません。存在感を出すために、ボディの高さを 100px にしました。Gallery div には赤いドラッグ可能なボックスがあり、Canvas と body は両方ともそのボックスを受け入れるドロップ可能です。赤いボックスが上に来ると、ドロッパブルは茶色に変わります。

私の質問は、赤いボックスを「X」のボディにドロップする方法、または定義された 100px の高さを下回る任意のポイントにドロップする方法です。

Xが本体にあるのは、本体の上部 100px に赤いボックスをドロップすると、その領域が茶色のホバー カラーになるためです。DOM 内の<body>. . . </body>タグ。

ありがとう

<div id="gallery">Gallery
    <div id="redBox"></div>
</div>
<div id="canvas">Canvas</div>
<div id="x">X</div>
4

1 に答える 1

0

体をもっと高くしてください。「X」は body 要素のフローの外側にあり、このシナリオでは高さが 100px しかありません。X は、意図した目的のために、体の外にあります。

たとえば、canvasdiv を相対的に配置しtop、0 の値を指定して の上部に保持すると、不明な要素がいくつドロップされても、高さが div の高さと一致しbodyます。bodycanvas

div#canvas {
    position: relative;
    top: 0;
}
于 2013-10-13T23:57:42.263 に答える