Div 悬停不起作用？

Question

我有一个 div，当我将鼠标悬停在它上面时，它拒绝更改背景颜色。它保持不变。这是代码。

HTML：

<div id="login"></div>

CSS：

#login {
    position: fixed;
    float: left;
    background-color: none;
    margin-left: 1.5%;
    top: 1em;
    height: 1.25em;
    width: 7em;
    text-align: center;
    border-radius: .3em;
    opacity: .5;
    padding-top: 1em;
    border: .18em solid gray;
}

#login:hover {
    background-color: gray;
}

Answer 1

我有类似的问题。我的建议是确保 div 上没有不可见的物体。这告诉程序您的光标悬停在不可见的对象上，而不是带有悬停元素的 div 上。