20

背景画像の下にボタンがあります。ボタンをクリック可能にするために、「pointer-event: none」を追加しました。ただし、スプライト画像も必要です。ホバー時に背景画像を変更すると、ポインターイベントも無効になります。要素の hover 属性を保持しながら、クリックを通過させる方法はありますか?

jquery unbind click and returne false when #cover_button がクリックされたときに検索して試しましたが、うまくいきませんでした。

これが私のコードです。pointer-event: none のままにしておくと、背景画像の下にあるボタンをクリックできます。しかし、それは hover 属性を無効にします。外すとクリックできなくなります。

#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/

ここに別のものがあります：ホバー可能ですがクリック可能ではありません（ポインターイベントを削除しただけです：なし） http://jsfiddle.net/3PXTK/

4

1 に答える 1