20

我在背景图像下方有一个按钮。为了使按钮可点击，我添加了一个“指针事件：无”。但是，我还想要一个精灵图像，在其中更改悬停时的背景图像，指针事件也会禁用它。有没有办法保持元素的悬停属性，同时让点击通过它？

我搜索并尝试了 jquery unbind click 并在单击#cover_button 时返回 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);
}

编辑：
这是一个小提琴：可点击但不可悬停 http://jsfiddle.net/3PXTK/1/

这是另一个：可悬停但不可点击（我刚刚删除了指针事件：无） http://jsfiddle.net/3PXTK/

4

1 回答 1

2

你不能没有饼干就吃饼干。首先，您必须了解指针事件的工作原理：

none 阻止指定 HTML 元素上的所有单击、状态和光标选项

这意味着没有点击，没有悬停，没有活动 - 没有光标。你不能说好，我只想悬停，别无其他。

顺便提一句。FB 这样做是因为他们不允许对like 按钮进行任何更改。你不能改变外观，覆盖它等。

于 2015-03-06T22:48:00.240 回答