Chrome と FF でうまく機能する情報オーバーレイがあります。これは、表 (枠線イメージ レイアウト用) と中央のコンテンツ div を含む div です。適切なボーダー テーブル セルでマウスダウンをトリガーします。
これが発生すると、別の div が z-index で前面に移動され、mousemove および mouseup イベントに沿って渡され、情報バブルのドラッグが処理されます。マウスアップが発生すると、情報バブルによって「イベント」div が元の場所に戻されます。
バブルの右下隅をドラッグしてサイズを変更する場合も、同じプロセスに従います。繰り返しますが、Chrome と FF では機能しますが、IE では失敗します。
IE は、イベント トリガーを情報 div に制限しているようです。マウスが div の外に移動した場合 (イベントの発生/更新よりも速くドラッグしたため)、情報オーバーレイは mousemove イベントを受信しなくなりました。ただし、(ボタンを放さずに) マウスをオーバーレイの上に戻すと、引き続きマウス イベントを受け取ります。
編集:いくつかのサンプルコードを作成する際(現在の機能はいくつかのJSモジュールに分割されています)、IEで機能しました。サンプル コードと実際のコードの違いがわかり次第、再度更新します。
編集/回答: (新しいユーザーがこの期間内に自分の質問に答えることはできません...) 実際の問題が何であったかはまだわかりません。(あなたが私に尋ねると、z-index が 100 の div はマウス イベントを問題なく受け取るはずですか?)
私の解決策は、設定したいすべてのドラッグ/サイズ変更動作に対して、mousemove と mouseup を親 div にアタッチできるように (最初に行う必要があったように)、マウス イベント処理を修正することでした。
この問題は、イベントへの初心者のアプローチと、stopPropagation() があまりにも多くの場所にあるために、そのようなアプローチを取ることができなかったことが原因でした。(情報ボックスのテキストなどを選択可能にしたかった)。
すべてのマウス イベントではなく、マウスダウン時にのみテキスト コンテナーの伝達を停止する必要があるように、コードを調整しました。