Question

可能重复：
img:hover not working in ie

.answer_button
{
    background:url(images/answer.png) no-repeat;    
    width: 160px;
    height: 30px;   
    border: none;
    margin-left: -8px;
    cursor: pointer;
}
.answer_button:hover
{
    background:url(images/answer_hover.png) no-repeat;    
    width: 160px;
    height: 30px;   
}

这段代码有什么问题？它适用于IE以外的所有地方谢谢。

P.S。如果您对IE漏洞有所了解，请帮助我不要发疯并在这里帮助我：Long polling jQuery doesn't work in IE

Answer 1

较早版本的Internet Explorer不支持:hover，但链接除外。（如果您没有触发Quirks模式的Doctype，则此行为可能会在较新版本中持续存在（我不确定这一点，因为我没有理由多次接触Quirks模式）。

我猜你正在使用JavaScript将点击处理程序绑定到其他元素。使用一个链接，这将带来额外的好处，无需指点设备即可访问（因此使用键盘，呼吸开关等导航的人将能够访问它）。

Answer 2

IE的悬停检测与WebKit / Gecko浏览器略有不同。查看hoverIntent jQuery插件，该插件可以规范某些行为。

Answer 3

在IE中，悬停仅适用于锚点（<a>）

Hover在IE中不起作用

3 个答案: