html - 在Firefox中缩小时DIV背景图像被切断

Question

我有一个高度/宽度为 15 像素的 DIV。它还有一个高度/宽度为 15 像素的背景图像。问题是当在 Firefox 中缩小某些级别时，背景图像在右侧和底部被切断了几个像素。这是下面的链接和代码。尝试在 Firefox 中查看。

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

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

Answer 1

这是我能得到的最好的显示，其余的只是 Firefox 像素舍入。

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

希望这会有所帮助，这是我能做的最好的。