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

我有一个交互式背景，它使用 css 来更改悬停时的不透明度。在其之上（绝对定位）是一个文本层。为了让背景即使在顶部的文本下也能做出反应，我添加了 css指针事件：无到包含文本的 div。

这很有效，但如果我仍然能够保留突出显示文本的能力，那就更好了。

有谁知道如何限制哪些指针事件被抑制？

事实上你并不能做你想做的事。如果禁用指针事件，则无法选择文本。但是你可以通过一些 jquery 魔法来实现这个功能。

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

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

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

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

并将悬停事件从您的块转换到您的背景中：

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

所以看看小提琴你就会明白

EXAMPLE http://jsfiddle.net/yH5ew/1