我有一个背景图片下的按钮.为了使按钮可点击,我添加了一个“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/
解决方法
你不能有一个cookie,吃一个cookie.首先,你必须了解指针事件如何工作：
none prevents all click,state and cursor options on the specified
HTML element
这意味着没有点击,没有悬停,没有活动 – 没有光标.你不能说好,我只想要悬停,没有别的.
BTW. FB这样做是因为它们不允许像按钮那样进行任何更改.你不能改变一下,盖上它
