如何在CSS中仅停止悬停指针事件

Question

我有一个交互式背景，使用css在悬停时改变不透明度。在其上方是一个文本层（绝对定位）。为了使背景即使在文本层上方也能发生反应，我已将csspointer-event:none添加到包含文本的div中。

这很有效，但如果仍然可以突出显示文本，那就更好了。

有人知道如何限制被抑制的指针事件吗？

- Finglish

---

请注意，在IE10或更低版本中，pointer-event:none无法正常工作 - caniuse。 - Vucko

是的，我知道。这是一个只在最新浏览器中可用的项目概念。背景效果不需要在旧浏览器上工作。感谢你的提醒。 - Finglish

Answer 1

实际上，您无法做您想要的事情。如果禁用指针事件，则无法选择文本。但是，您可以通过一些jQuery技巧实现此功能。

首先，将背景悬停效果放入某个类中：

.hov{background: black !important;} //just example

然后将其分配给悬停效果：

$('#wrap').hover(function() {
    $('#wrap').toggleClass("hov");
});

将鼠标悬停事件从你的块翻译成你的背景。

$('#block').hover(function(e) {
    $('#wrap').trigger(e.type);
});

所以看一眼fiddle，您就会明白。

例子

- raskalbass

---

我想这可能是情况，但当你在stackoverflow上询问时，你永远不知道会出现什么巧妙的解决方案 :). 我认为你可能是对的，jquery/javascript 是唯一的选择。感谢提供示例。 - Finglish