这是为什么：悬停选择器不起作用？

Question

我无法弄清楚我在做错了什么！可能是非常明显的事情我试图使用纯CSS / HTML

更改鼠标悬停时div的背景颜色和字体颜色

HTML：

<div id="cta">
    Learn More >
</div>

CSS：

#cta {
width: 65px;
border: 1px solid #183073;
border-radius: 5px;
background-color: white;
color: #183073;
font-family: Arial;
font-size: 10px;
padding: 5px;
}

#cta:hover {
background-color: #183073;
color: white;
}

提前致谢！

Answer 1

尝试将z-index的{​​{1}}设置为#cta之类的大字。如果它的工作原理是这意味着你有另一个元素覆盖你的div并防止悬停。

Answer 2

：hover将适用于浏览器中类型A的元素。 有些浏览器不允许：将鼠标悬停在任何DOM对象上，仅限于Anchor。

类似的问题解决了 Hover effects not working with IE8