當在Firefox中縮小時DIV背景圖像被切斷

我有一個高度/寬度爲15px的DIV。它有一個15px的高度/寬度的背景圖片。問題是在Firefox中縮小某些級別時，背景圖像正在被切掉右側和底部的幾個像素。這是link和下面的代碼。嘗試在Firefox中查看它。當在Firefox中縮小時DIV背景圖像被切斷

<div id="custom-checkbox"></div> 

#custom-checkbox 
{ 
    background: url('http://s16.postimg.org/5xacziapd/unchecked.png') no-repeat; 
    width: 15px; 
    height: 15px; 
}

來源

2013-04-17 guitarPH

如果處於縮放模式，您不應該期望瀏覽器能夠完美呈現任何內容。 –

我第二個萊納斯。看看它可能會變成什麼混亂嘗試檢測縮放級別：http://stackoverflow.com/a/5078596/1363726 – eivers88

同意與Linus。您看到的問題可能是由於Firefox繞像素（子像素）的方式。 http://ejohn.org/blog/sub-pixel-problems-in-css/ – showdev

這是最好的我可以讓它顯示其餘的只是firefoxes像素舍入。

#custom-checkbox 
{ 
    background: url('http://s16.postimg.org/5xacziapd/unchecked.png') no-repeat; 
    width: 15px !important; 
    height: 15px !important; 
    display:table; 
}

希望這有助於它是我能做到的最好。

來源

2013-04-19 12:59:56 dragonloverlord

當在Firefox中縮小時DIV背景圖像被切斷

回答

相關問題