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

对我来说很好 - http://jsfiddle.net/Q8A6d/

您使用的是哪种浏览器？你不能申请

:hover

旧版IE（6及以下版本）中除<a>以外的任何元素的伪类。

Answer 2

您的代码似乎正常here，所以有些事情可能是错误的：

1. 您可能不正确地将样式表链接到HTML文件。
2. 您项目环境中的其他一些CSS可能会覆盖您在此处提供的内容。
3. 您可能会遇到与:hover选择器的浏览器兼容性问题或代码中违反样式的其他内容。

Answer 3

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