2013-04-17 2 views
1

У меня есть DIV с высотой 15px. Он имеет фоновое изображение также с высотой и шириной 15 пикселей. Проблема заключается в том, что фоновое изображение обрезается несколькими пикселями справа и внизу при увеличении некоторых уровней в firefox. Вот link и код ниже. Попробуйте просмотреть его в firefox.DIV фоновое изображение отключается при увеличении в firefox

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

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

Вы не должны ожидать, что браузер сделает что-либо идеально, если в режиме масштабирования. –

+1

I второй Linus. Посмотрите, какой беспорядок он может превратить в попытку обнаружить уровни увеличения: http://stackoverflow.com/a/5078596/1363726 – eivers88

+1

Также согласны с Линусом. Проблема, которую вы видите, вероятно, связана с тем, как Firefox округляет пиксели (вспомогательные пиксели). http://ejohn.org/blog/sub-pixel-problems-in-css/ – showdev

ответ

0

Это лучшее, что я могу получить, чтобы показать остальное, просто округление пикселов каминов.

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

Надеется, что это помогает, это лучшее, что я мог сделать.

Смежные вопросы