CSSでのカーソルの上書き

Question

私はoverflow: hidden divを持っています。ユーザーがクリックして背景をドラッグできるようにしています。このスペースにはリンクやボタンもあります。

これは、私はCSSのために何をすべきかです：

#div-grabscroll {  
    cursor: url(../img/openhand.cur), move; 
} 
#div-grabscroll:active { 
    cursor: url(../img/closedhand.cur), n-resize; 
} 

これは素晴らしい作品が、何が起こるかは、マウスが終わる場合は、ドラッグ中にはpointerボタンの上に（によるスクロールの限界に到達する）移動していることカーソルが私のclosedhandカーソルよりも優先されます。

希望の動作は、divでマウスを操作している間、カーソルをclosedhandのままにします。

のすべてについて、CSSを変更せずにカーソルをオーバーライドする方法はありますかマウスが移動する可能性がありますか？私は!importantを:activeスタイルで試しましたが、それはしませんでした。

Answer 1

Answer/Question：グラブスクロールdivの上に座っているが、その背後に何も隠さないように背景やタイプの内容がない重複したdivがあり、カーソルを設定するとどうなりますか？これを手にする。

zインデックスはこのように重要度を上書きしますか？

これは意味がありますか？

効果的に、レイヤードオーダーでgrabscroll - button - opaque grabscrollがあります。

Answer 2

これは「モーダル」ダイアログボックスを作成するのと非常によく似た問題です。おそらく同じような解決策があります：スクロールしているコンテンツの上にiframeを配置して、スクロールの持続時間の間、コンテンツよりもzインデックス順に表示されます。これは、IEで（少なくとも）フォームコントロールがZ-indexによく従わない傾向があるからです。これが「ライトボックス」スタイルのものがこれを行う理由です。iframe shim thing。

Here's an answer I gaveここでの別の質問はiframeシムの基礎を示しています。その場合、それはモーダル目的ですが、コンセプトとほとんどのコードが適用されます。