在CSS中使用悬停效果进行点击

Question

我试图创建一个没有链接的按钮，因为背景已经链接了。因此，你应该能够通过它。我知道指针事件：无，但在使用它时，div的：hover 不再有效。

有没有办法实现这个目标？

我的HTML是：

<div class="button">
<span>Click here</span>
</div>

CSS：

.button { pointer-events: none; }
.button:hover { ... }

＆＃34;按钮＆＃34; class应该有：悬停效果+点击通过。此设置不会显示：悬停效果。

Answer 1

如果没有看到您的代码，我会建议使用以下两种方法之一：

1）只需链接两者。没什么大不了的。

2）通过javascript链接你的背景。如果该按钮是子元素，则点击事件将冒泡到您的链接背景。