Мой Internet Explorer 11.0.13 неправильно отображает все css-элементы с положительным радиусом границы: он показывает диагональные линии и заштрихованные области над компонентом, иногда делая его неразборчивым. Это происходит на всех страницах. Если я установлю для этого элемента border-radius в 0, они будут отображаться правильно. Вот скриншот, который показывает проблему на главной странице Google.
Я отключил рендеринг GPU, но это не решило проблему. Может кто-нибудь предложить другие решения или хотя бы сказать мне, как называется это явление, чтобы я мог его искать?
Я использую Windows 8.1 Pro на HP 840G.
Добавлено 10 января 2015:
Вот небольшой пример:
<!DOCTYPE html>
<html>
<head><style>
div {
width: 50px;
height: 50px;
background-color: black;
}
</style></head>
<body>
<div style="border-radius:0px"></div><br>
<div style="border-radius:5px"></div><br>
<div style="border-radius:10px"></div><br>
<div style="border-radius:25px"></div>
</body>
</html>
Это выглядит следующим образом: