jquery – 使用指针事件保持Hover属性：none

我有一个背景图片下的按钮.为了使按钮可点击,我添加了一个“pointer-event：none”.但是,我也想要一个精灵图像,在那里我改变悬停的背景图像,指针事件也被禁用.有没有办法保持元素的悬停属性,而点击通过它？

我搜索并尝试jquery unbind单击并返回false当#cover_button被点击,但它没有工作.

这是我的代码如果我保持指针事件：无我可以单击我的背景图像下面的按钮.但这将禁用悬停属性.如果我删除它,我将无法单击.

#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但不可点击(我刚刚删除指针事件：无)
http://jsfiddle.net/3PXTK/