我在背景图像下面有一个按钮.为了使按钮可单击,我添加了一个"指针 - 事件:无".但是,我还想要一个精灵图像,我在hover上更改背景图像,指针事件也会禁用.有没有办法保持元素的悬停属性,同时点击通过它?
当点击#cover_button时,我搜索并尝试了jquery unbind click并返回false,但它没有用.
这是我的代码.如果我保留指针事件:无,我可以单击背景图像下面的按钮.但这会禁用悬停属性.如果我将其删除,我将无法点击.
#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);
}
Run Code Online (Sandbox Code Playgroud)
编辑:
这是一个小提琴:可点击但不可爱
http://jsfiddle.net/3PXTK/1/
这是另一个:Hoverable但不可点击(我刚删除指针事件:无) http://jsfiddle.net/3PXTK/