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

在IE8中，当我点击一个带有class="down"的按钮时，图像位置改变了1px。如何解决这个问题？IE8 - 单击按钮时图像位置改变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; 
}

来源

2010-08-05 Satheesh Kumar

让自己置身于知名但通常不喜欢的概念，即CSS不是像素完美的描述语言，并且使您的设计不需要老式校准。 – msw 2010-08-05 05:09:14

这是IE8问题 - 按钮位置的渲染关闭 – 2010-08-05 05:17:35

由于我使用的是单一的精灵与一些按钮就可以了图像和转变是造成了一些图像与出现其他按钮的位流泪，我花了一点时间，试图解决这个问题。这是一个很好的资源：http://labs.findsubstance.com/2009/05/21/ie8-form-button-with-background-image-on-click-css-bug/

但是，在向我的妻子显示有问题的页面之后，她抱怨说，它没有做那种看起来像是实际上按下按钮的事情，所以我解决了这个问题通过在我的单个图像文件中将我的按钮进一步分开！

来源

2011-03-19 23:03:11

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

回答

相关问题