css - IE8 - 单击按钮时图像位置改变 1px

Question

在 IE8 中，当我点击带有 class="down" 的按钮时，图像位置会改变 1px。如何解决？

.listdown .down {
  background-color: transparent;
  background-image: url("../images/listdown_active.png");
  background-position: right center;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  float: left;
  height: 32px;
  padding: 8px 0;
  width: 30px;
}

Answer 1

由于我使用的是一个带有多个按钮图像的单个 Sprite ，并且移动导致一些图像撕裂并出现了一些其他按钮，所以我花了一些时间试图解决这个问题。这是一个很好的资源:http://labs.findsubstance.com/2009/05/21/ie8-form-button-with-background-image-on-click-css-bug/

但是......在向我的妻子展示有问题的页面后，她提示说它没有做那些看起来像你实际上按下按钮的事情，所以我通过简单地将我的按钮间隔得更远来解决这个问题我的单个图像文件!