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上没有不可见的对象。这告诉程序你的光标悬停在不可见的对象而不是带有悬停元素的div。