0

我有以下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 浏览器中运行良好。

谢谢！

4

4 回答 4

4

我认为 IE7 太老了，悬停除了a. 我记得这曾经是IE中的一个问题。

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

于 2013-08-16T15:21:01.163 回答
0

您最好使用 jquery，因为 IE 中的 css 悬停支持因版本而异

于 2013-08-16T15:23:08.573 回答
0

在 IE 中，必须声明一个 <!DOCTYPE>:hover 选择器才能作用于该元素以外的其他元素<a>，此处： http ://www.w3schools.com/cssref/sel_hover.asp

于 2013-08-16T15:25:36.170 回答
0

IE7 的规范是 :hover 伪类只对a标签起作用。你可以通过使用 polyfill 来解决这个问题。我强烈推荐Selectivizr。它允许您在较旧或不受支持的浏览器上使用大多数伪类。

于 2013-08-16T15:25:42.723 回答