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

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

但是......在向我的妻子展示有问题的页面之后，她抱怨说它实际上并没有按下按钮的情况，所以我通过简单地将按钮间隔开来解决问题我的单个图像文件！

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

1 个答案: