Question

我有 HTML 代码。

<input type="button" class="myButton" value="Text"></input>

CSS

input.myButton{
    background: url("../images/button.png") no-repeat top left;
    height: 21px;
    cursor: pointer;
    width: 78px;
    text-align: center;
    color: #696969;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: medium none white;
}
input.myButton:hover{
   background: url("../images/button-active.png") no-repeat top left;
   color: #FFFAF0;
}

但是鼠标悬停在IE7中不起作用。我想更改图片:hover。

我该怎么做？它在FireFox浏览器中运行良好。

谢谢！

Answer 1

我认为IE7是如此古老的悬停除了a之外什么都不起作用。我记得这曾经是IE中的一个问题。

您可以编写一个使用设置类的onmouseover/out侦听器的变通方法。

Answer 2

你最好使用jquery，因为IE中的css hover支持因版本而异

Answer 3

在IE中，必须为：hover选择器声明<!DOCTYPE>以处理除<a>元素之外的其他元素，此处： http://www.w3schools.com/cssref/sel_hover.asp

Answer 4

IE7的规范是：hover伪类仅适用于a标记。您可以使用polyfill解决这个问题。我强烈推荐Selectivizr。它允许您在较旧或不受支持的浏览器上使用大多数伪类。

鼠标悬停在IE7中不起作用？

4 个答案: