链接的转换延迟不仅仅是内容

Question

在自定义JavaScript功能中，我删除 my-content-section-visible 并添加 my-content-section-hidden 类以使过渡即可。

此转换按预期工作。但是在div完全不可见之后，光标仍会在内容中检测到链接2-3秒。这可能会让最终用户感到困惑。

这是什么原因？对于较少的问题，我可以使用“可见性：”之外的其他风格吗？ AFAIK显示器在这种情况下不起作用。

.my-content-section-visible{
    visibility: visible;
    -webkit-transition-duration: 400ms; 
    transition-duration: 400ms;
    /* Several other styles here */
}

.my-content-section-hidden{
    visibility: hidden;
}

感谢。

Answer 1

为什么你也不试图影响容器中的内容呢？

示例：https://jsfiddle.net/ebyptvt6/

示例css：

.container {
  /* css code */
}
.container:hover, .container:hover .contents {
  visibility: hidden;
}

Answer 2

这是解决方案。我禁用了链接操作。

.my-content-section-hidden a{
    pointer-events: none;
    cursor: default;
}