Размытые фоновые изображения после обновления до IE11

Ну, я вижу, что вызывает эту проблему. Это border-radius вашего ._ui.

Теперь я не могу сказать вам, почему это происходит.
Однако, если вы хотите исправить это, вы можете использовать или не использовать border-radius или, что, на мой взгляд, является лучшим решением, использовать тег <img> для создания фона.

Использовать элемент изображения

<img src="http://i.imgur.com/DauuVHW.png" />

Теперь, чтобы обрезать изображение, вы можете просто использовать position: relative;, position: absolute; и overflow: hidden;:

.block1 > div
{
    position: relative;
    overflow: hidden;
}

Это добавит свойства на ._ui _bre и ._ui _com.

Где основные свойства изображения:

img
{
    position: absolute;
    left: 2px;
}

Теперь вы можете просто использовать верхнее и нижнее смещение для позиционирования изображения. Где, как вы использовали background-position раньше:

._bre._ui img
{
    top: -68px;
}

._com._ui img
{
    top: -24px;
}

Таким образом, ваше изображение больше не является частью элемента, который имеет border-radius, что и вызвало эту проблему. Теперь у них более четкое разделение; 2 разных элемента.

jsFiddle

Вероятно, в IE 11 есть более элегантный способ исправить размытые изображения.

В нашем приложении у нас есть иконки на кнопках со скругленными углами. Удаление закругленных углов или использование ‹img› для значков не были вариантами.

Однако у нас сработала «классическая» оптимизация изображений для дисплеев Retina, то есть сохранение фоновых изображений кнопок с вдвое большим разрешением, а затем указание исходного размера в background-size.

Отлично смотрится в IE 11 и на дисплеях Retina.

В соответствии с этим: Как написать взлом CSS для IE 11?

Я добавил этот код в свой CSS:

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .my_elements_with_border_radius { border-radius: 0 } 
}

С этим взломом браузера границы больше не круглые в IE11, но, по крайней мере, фоновые изображения больше не размыты. В любых других браузерах они по-прежнему круглые.