Question

当我在IE9中按下鼠标时，图像保持不变。我必须单击页面的其他部分才能将其恢复。 Firefox和Chrome工作正常（他们放回原始图像）。有什么想法吗？

如果我使用IE9，它甚至可以在这里使用 http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro

但是，如果我在桌面上创建一个html并在IE9中打开它，那就不行了。

<html>
<head>
<style type="text/css">
  #button{background:url("http://www.webstuffshare.com/wp-content/uploads/2010/03/button3.jpg") no-repeat 0 0;display:block;width:201px;height:67px;}
  #button:hover{background-position:0px -67px;}
  #button:active{background-position:0px -134px;}
  #button span{position:absolute;top:-99999999em;}
</style>    
</head>
<body>
  <a id="button" href="#"><span>this is foo</span></a>
</body>
</html>

Answer 1

最好使用js事件作为:active，行为可能不直观（类似问题; :active css selector not working for IE8 and IE9）

提出你想要的行为的一种方法是;

<a id="button" href="#" onclick="this.blur();" onmouseout="this.blur();"><span>this is foo</span></a>

css active在IE9中没有鼠标释放

1 个答案: