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

回答

相關問題