Глюки При Рисовании Border-Radius В Windows 10

Совсем недавно появились тысячи людей, желающих обновить свои ПК до новой версии Windows – 10. Вроде бы и хорошо, система новая, и браузер Edge, который освободит разработчиков от массы проблем.

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

Фотография выглядела так:

Глюки при рисовании border-radius в Windows 10

И это меня заинтересовало, поскольку блоков такого цвета на сайте не обнаружено.

Но на заднем плане зеленые деревья.



Глюки при рисовании border-radius в Windows 10

Я развернул Windows 10 в Virtualbox и увидел немного другую, но не менее странную картину.

Артефакт в левом верхнем углу меню и фон под текстом.

Я начал случайным образом выбирать сайты, оказалось, что border-radius такой странный, и процент глючных случайно скачет вне зависимости от того, есть ли у блока граница, какой у него фон и т.д. Очевидно, от тега тоже ничего не зависело , и только когда округления были отключены, все отрисовывалось как надо.



Глюки при рисовании border-radius в Windows 10



Глюки при рисовании border-radius в Windows 10



Глюки при рисовании border-radius в Windows 10

Попутно я обнаружил странные артефакты на логотипе в SVG:

Глюки при рисовании border-radius в Windows 10

К сожалению, у меня под рукой не оказалось ПК-ноутбука, проверю все это еще раз на живом железе дома, но в Virtualbox удаление драйвера решило проблему и с SVG, и с кривыми.

Что делать на реальном железе - видимо, ждать нормальных драйверов для видеокарты.

Или установите их самостоятельно.

Судя по всему драйвера от Windows 8 подходят не на 100% и почти все они были обновлены со старой системы.

Чувствую, что в ближайшие дни запросов от клиентов на эту тему будет больше.

После удаления драйвера:

Глюки при рисовании border-radius в Windows 10

А если кто-то сомневается, что у меня верстка кривая, вот скриншот из твиттера с той же виртуальной машины:

Глюки при рисовании border-radius в Windows 10

УПД Труп имеет Layout, святой хак и тд, как его называли в древности, воскрес из мертвых!

Глюки при рисовании border-radius в Windows 10

На «железном» ноуте я словил точно такой же глюк, который мне прислали.

Видеокарта HD3000. Проблему вылечило удалением драйвера, но разрешение стало плохим и после перезагрузки загрузилось заново.

Я сразу попробовал старинный метод лечения – в лучших традициях Средневековья:

   

position:relative

Вот и все! Правда, это сработало не на всех страницах.

Майкрософт, почему? Теги: #border-radius #видеокарта #Microsoft Edge #Разработка веб-сайтов #CSS

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.