расстояния между фоновыми изображениями частями

Question

.cornerBox {  
    background: url(../img/main-part.png) repeat-x top left ; 
    width: 400px; 
    height:100px; 
    border-radius: 80px; 
    padding: 0 0; 
    behavior: url(PIE/PIE.htc); 
} 

В IE8 между фоновыми изображениями частями расстояния 1px, как удалить это пространство, ширина изображения 28px Я хочу repeat-x

Answer 1

Я создал jsfiddle example с вашим кодом, но использовал некоторые другой изображение. Протестировал его в IE8 и обнаружил, что проблем нет.

Поэтому я считаю, что проблема может быть с вашим main-part.png. Изображение может иметь белую рамку или что-то в этом роде. Дважды проверьте изображение.

EDIT:

Нет проблем с вашим изображением также. CLICK ctrl+0 на IE, чтобы убедиться, что вы просматриваете в 100%

Answer 2

У меня была аналогичная проблема с двумя divs с фоновыми изображениями рядом друг с другом. Я решил ее, назначив:

background-size: cover 

которая простиралась изображение, чтобы охватить весь Див