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

2023-12-22

我有一个交互式背景,它使用 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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在CSS中仅停止悬停指针事件 的相关文章