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 で機能しない)

あなたが望む行動を邪魔する1つの方法は次のとおりです。

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