2

当我在 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>
4

1 回答 1

1

最好使用 js 事件,因为它的:active行为可能不直观(类似问题;:active css 选择器不适用于 IE8 和 IE9

阻止您想要的行为的一种方法是;

<a id="button" href="#" onclick="this.blur();" onmouseout="this.blur();"><span>this is foo</span></a>
于 2012-05-18T13:38:47.107 回答