CSS/HTML - 将鼠标悬停在按钮内的文本上时，光标从指针变为 I答案

【问题标题】：CSS/HTML - Cursor changes from pointer to I when hovering over the text inside a buttonCSS/HTML - 将鼠标悬停在按钮内的文本上时，光标从指针变为 I
【发布时间】：2017-09-19 21:03:52
【问题描述】：

所以我有一个 HTML 链接，里面有一些文本，它触发了一个 JS 事件。看起来像：

当我将鼠标悬停在链接上时，光标变为指针（手）。但是当我专门将鼠标悬停在“你好”的部分上时，它会变回我（光束）。我希望它保持对整个按钮的控制。

另外，cursor: pointer 已经是链接的样式。没有它，由于某种原因，该链接完全不可点击。我不知道为什么。没有cursor: pointer，a 标签不应该是可点击的吗？

有什么解决办法吗？

【问题讨论】：

请在问题中添加代码以确定问题所在
你的<a> 中是否有一个元素已经设置了cursor 属性？ cursor: pointer 应该不会影响链接的可点击性，你上面还有其他元素吗？
您应该尝试将其放入我们的 sn-p 中，以便我们看到您的意图。
嗨@lebowski 喜欢这样吗？ jsfiddle.net/dalinhuang/chwhxutd
大家好，问题是所谓的 z-index。我不知道那是什么，但是在链接的 CSS 样式中添加 z-index: 9999 使它起作用。

标签： javascript jquery html css

【解决方案1】：

找到答案：z-index。我不确定它是什么，但我在另一个 SO 帖子中看到了它并且它有效。简单的答案是将z-index:9999 添加到链接的CSS 样式中。我也不确定为什么特定值 9999 有效（显然，在这种情况下，不同的 z-index 值也应该有效），但它在我的情况下有效。

我显然稍后会查找 z-index。但是，如果有人想对此有所了解，请这样做。

【讨论】：

听起来您在 z 空间中的按钮顶部有一个元素。如果您将元素视为图层，则增加z-index 会将您的按钮图层移到其他图层之上。使用9999 作为值可能是矫枉过正。根据周围其他元素的z-index，您可能只需要它是1。