jquery - ドラッグ時のjquery、オーバーレイされた（絶対）配置された要素を無視

Question

このフィドルをチェックしてください

これはhtmlです

<div id="wrapper">
    <div class="button_area"></div>
    <div class="icon"></div>
<div>​

アイコンはbutton_areaの上に配置されます。

次に、.button_areaをドラッグする必要があります。$（'。button_area'）。draggable（{}）;

その領域をクリックしてドラッグを開始すると機能します

しかし、（領域の上部にある）.iconをクリックしてドラッグを開始しても、何も起こりません...

FirefoxとChromeの場合、stackoverflowで解決策が見つかりました。これは非常に単純なもので、.iconに単純なcss urleを追加するだけで、私は金色になります。

.icon{
    pointer-events: none;
}

問題は、これがオペラでも、つまりでも機能しないことです。

それをクロスブラウザで動作させるための最良の解決策は何でしょうか（私はie6、7、8を気にしません）...