javascript - 什么可以阻止CSS :hover class from working?

Question

什么可以阻止 CSS :hover 伪类被触发，无论是使用 CSS 还是 JavaScript？

我正在尝试调试第三方自定义日历控件中的一个非常棘手的问题。客户希望在用户将鼠标悬停在日期上时突出显示日期——非常标准的东西。但是有些东西顽固地阻止 :hover 类按预期工作。

我可以使用选择器定位日期单元格并操作 background-color 而不会出现任何问题。但是，将 :hover 伪类添加到该选择器不起作用。

很遗憾，我无法发布任何代码，因为这是一个私有(private)应用程序，需要一个帐户才能使用。老实说，意大利面条太多了，我什至不知道要包括什么……控件是用纯 JS 构建的，这里没有 jQuery，也没有 siree。几百行的JS，再加上几百行的CSS……不知道用jQuery日历控件有什么问题。

是否有一组已知的东西可以破坏 :hover？这可能是事件传播问题，由 onhover 事件处理程序或其他东西返回 false 引起的吗？

调试此问题的任何其他建议？使用浏览器工具不是很有效，因为 :hover 规则不会被触发，除非我悬停。在那里抓到 22。

编辑:This answer似乎是一个可能的罪魁祸首。他们肯定在组合中使用了一些绝对定位......

编辑 2:使用 Chrome 的开发人员工具手动应用 :hover 状态有效，确认我的选择器不是问题所在。某些东西正在阻止 :hover 状态被触发。日历控件作为 HTML 表格实现，每周在一行中，每个日期在一个单元格中。这看起来确实像是一个分层问题，但向单元格添加高 z-index 没有任何作用。

Answer 1

Chrome 的“开发者工具”允许您切换元素的状态。或许您可以尝试一下，看看是否能更深入地了解您遇到的问题？