ポインタイベントでホバー属性を保持：なし

Question

私は背景イメージの下にボタンを持っています。ボタンをクリック可能にするために、私は "ポインタイベント：なし"を追加しました。しかし、私はまた、ポインタイベントが無効にするホバー上の背景イメージを変更するスプライトイメージが必要です。クリックを通過させながら要素のホバー属性を保持する方法はありますか？

#cover_buttonがクリックされたときにjquery unbindをクリックしてfalseを返しましたが、動作しませんでした。

ここに私のコードです。私がポインタイベントを保持していれば：none私は自分の背景イメージの下のボタンをクリックすることができます。しかし、これはホバー属性を無効にします。私はそれを削除すると、私はクリックすることができなくなります。

#cover_button { 
    pointer-event: none; 
    position: absolute; 
    width: 46px; 
    height: 24px; 
    left: 0; 
    top: 0; 
    background: url(http://s13.postimg.org/bqxlnbfs3/Like.png); 
} 

#cover_button:hover { 
    background: url(http://www.moronacity.com/tech-journal/images/2011/February/small-Facebook-like-button-counter.gif); 
} 

編集：
はここでフィドルです： クリッカブルしかし http://jsfiddle.net/3PXTK/1/

hoverableないがここに別です：クリック可能Hoverableではなく、（私はポインタイベント削除：なし）を http://jsfiddle.net/3PXTK/

Answer 1

あなたはクッキーを持っていてクッキーを食べることはできません。 - 何も

noneは、クリック、ノーホバー、アクティブを意味しないことを指定し HTML要素

上のすべて]をクリックし、状態やカーソルのオプションを妨げない：最初のためには、ポインタイベントがどのように機能するかを理解する必要がありますカーソル付き。私はちょうどホバリングと他の何もしたくないと言うことはできません。

BTW。 FBは同じようなボタンの変更を許可しないので、このようにします。あなたは見た目を変えることはできません。それを覆うことはできません。