這是什麼原因：懸停選擇器不工作？

Question

我無法弄清楚我在這裏做錯了什麼！可能真的很明顯。我試圖用純粹的CSS/HTML

HTML改變div的背景顏色和字體顏色鼠標懸停：

<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

嘗試將的#cta設置爲像99999這樣大的東西。如果它這樣工作，這意味着你有另一個元素覆蓋你的div並防止懸停。

Answer 2

：懸停將適用於跨瀏覽器類型A的元素。 某些瀏覽器不允許：將鼠標懸停到任何DOM對象並僅限於錨定。

類似isssue在 Hover effects not working with IE8