3

我有一个交互式背景，它使用 css 来改变悬停时的不透明度。在此之上（绝对定位）是一个文本层。为了让背景即使对顶部的文本也做出反应，我已将 css pointer-event:none添加到包含文本的 div 中。

这很好用，但如果我仍然可以保留突出显示文本的能力会更好。

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

4

1 回答 1

1

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

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

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

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

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

并将您阻止的悬停事件转换为您的背景：

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

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

例子

于 2014-06-17T07:38:21.570 回答