CSS - 图像 Sprite :active not working ie

Question

这是我的代码，除了 ie!主动根本不开火

    a.Button span {
background: transparent url('images/form_sprite.png') no-repeat 0 0;
display: block;
height:45px;
line-height: 30px;
padding: 7px 0 5px 20px;
color: #fff;
background-position: 0 -44px;
}

a.Button {
background: transparent url('images/form_sprite.png') no-repeat top right;
display: block;
float: left;
height: 45px;
margin-right: 6px;
padding-right: 27px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.Button:hover span {
background-position: 0 -136px;
}

a.Button:hover {
background-position: right -90px;
}

a.Button:active span {
background-position: 0 -225px;
}

a.Button:active {
background-position: right -181px;
}   

这是 html:

<div class="clearbutton"> <a class="Button" href="#"><span>Button text</span></a> </div>

有什么想法吗？

Answer 1

尝试在您的 css 中将 a.Button:active 更改为 a.Button span:active。这似乎正在触发 :active css，并且对我来说仍然可以在 chrome 中使用。