由于zindex，Css悬停功能无法正常工作

Question

由于某种原因，我的悬停功能无效，我确信它是因为z索引。但是我需要它，以便我可以使用JavaScript并将其悬停在盒子上。对此的任何帮助都会很棒。

代码：

.hello :hover {
    background-color: Green;
    color: blue;
}

谢谢

Answer 1

问题不在于z-index。这是.hello :hover的输入。由于子函数，该空间删除了:hover效果。相反，写下.hello:hover。 Fiddle

Answer 2

将position:relative添加到.hello

并将.hello :hover更改为.hello:hover