是否可以给光标 z-index？

Question

我猜不是，但是能够z-index使用 CSS 或 Javascript设置光标的位置真的很不错。

假设您有一些按钮，并且想要在按钮顶部添加一个半透明图像以获得效果。或者在我目前的情况下，一些具有悬停和单击操作的 SVG 路径。如果我可以将按钮或 SVG 设置z-index为 0，将光标设置z-index为 1，将图像叠加z-index为 2，那就太棒了！鼠标将进入覆盖层下方，并且仍然可以单击按钮。设置视觉z-index（光标看起来是哪个层），与有效z-index（光标实际是哪个层）分开会更加壮观。因此，光标可能会出现在覆盖层的顶部，但仍然可以单击下面的按钮。

我有我的怀疑，但我想我会检查是否有人听说过有人这样做或类似的事情。

Answer 1

由于没有答案被接受，我想提供正确的答案。

这pointer-events: none就是解决方案。

请参阅简单的 CSS 示例：

.emotion_message {
    pointer-events: none;
    background-color: rgb(144,238,144,0.5);
    height: 20%;
    width: 94%;
    position: absolute;
    top: 40%;
    color: darkgreen;
    padding: 1%;
    text-align: center;
    border-radius: 10px;
    margin-left:3%;
    margin-right:3%;
}

在此示例中，我想显示一个图表，顶部有一个静态摘要框，但我希望光标与下面的图表进行交互。我还向 中添加了不透明度background-color，以便用户可以看到淹没的元素（在本例中为图表）并与之交互。现在用户可以看到该框，但光标看不到。

感谢@FabricioMatte 在评论中的回答。