javascript - CSS - 导航菜单悬停导致闪烁效果

Question

请查看此页面:http://www.staging.turtlerush.co.uk/sumas/

Nav/Sub Nav CSS 似乎会导致悬停菜单在所有情况下都闪烁，除非页面完全滚动到顶部。所以换句话说，它一开始是有效的，但当你向下滚动时，闪烁开始了。

我认为这是 nav ui 元素与另一个元素“冲突”的问题，但我正在努力修复......

可能代码太多，无法直接粘贴到此处，但如果需要，我们很乐意粘贴。

有什么帮助吗？

Answer 1

将此 CSS 代码添加到 .kopa-background:

.kopa-background {
    pointer-events: none;
}

指针事件指定单击元素时要执行的操作。

这是对这个 CSS 属性的一些解释:https://css-tricks.com/almanac/properties/p/pointer-events/